.container {width: 695px; margin: 10px auto;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #e8e8e8; border-left: none; margin-bottom: -1px; background: #f6f6f6; overflow: hidden; position: relative; } .home-page ul.tabs li a { text-decoration: none; color: #696969; display: block; font-size: 11px; font-weight:bold; padding: 0 20px; border: 1px solid #fff; outline: none; line-height: 31px; } ul.tabs li a:hover { background: #efefef; } html ul.tabs li.active, html ul.tabs li.active a:hover { border-bottom: 1px solid #fff; background: #fff ; } .tab_container { border: 1px solid #e8e8e8; border-top: none; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 11px; font-size: 1.2em; } .tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; } .tab_content h3 a{ color: #254588; }