.tab-container { width: 593px; border: 1px solid #ccc; border-top: none; margin: 0px 0px 10px 0px; padding: 3px 0px; clear: both; } .tab-panes { margin: 3px; padding: 6px 3px 3px 3px; } #tab-header { float: left; width: 100%; background: #fff url("tabber-round_bg.gif") repeat-x bottom; line-height: normal; margin: 0; padding: 0; clear: both; } #tab-header ul { margin: 0; padding: 0; list-style: none; } #tab-header li { float: left; background: url("tabber-round_left.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; } #tab-header a { display: block; background: url("tabber-round_right.gif") no-repeat right top; padding: 5px 15px 5px 3px; text-decoration: none; font-weight: bold; color: #fff; } #tab-header a:hover { color: #fff; text-decoration: underline; } #tab-header #tab-current { background-image: url("tabber-round_left_on.gif"); } #tab-header #tab-current a { background-image: url("tabber-round_right_on.gif"); color: #fff; }