.container { width: 510px; margin: 10px auto; font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #54A6F2; border-left: 1px solid #54A6F2; width: 100%; } ul.tabs li { float: left; margin: 0; font-weight:bold; padding: 0; height: 31px; line-height: 31px; border: 1px solid #54A6F2; border-left: none; margin-bottom: -1px; background: #AED0EA; overflow: hidden; position: relative; color:#FFFFFF; } ul.tabs li a { text-decoration: none; color:#FFFFFF; display: block; font-size: 12px; padding: 0 15px; border: 1px solid #fff; outline: none; } ul.tabs li a:hover { background: #409BF1; color:#FFFFFF; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #409BF1; border-bottom: 1px solid #fff; } .tab_container { border: 1px solid #54A6F2; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 5px; }