Question

@ http://jsfiddle.net/ktCb8/3/ you can see the example.

what do i need to do to get the bottom border on the ‘tab’ to be WHITE when hovering over one ‘tab’ (so that the tab over which hover is done is connected to the panel bellow and does not have the gray line).

thnx

latest > http://jsfiddle.net/ktCb8/27/ still cant get it to work 🙁 🙁

Answer 1

Just amend:

#contentBox > li:hover, #contentBox ul
{
    border: 1px solid #CCC;
    background-color: #FFF;
}

to:

#contentBox > li:hover, #contentBox ul
{
    border: 1px solid #CCC;
    border-bottom: 2px solid #fff;
    background-color: #FFF;
}

Updated JS Fiddle.

---

Edited in response to question in comments:

That won’t put a gray border on the #contentbox ul’s bottom though?

It does indeed remove the bottom border from the ul as well, to correct that I’d remove the above change, and simply append this new declaration:

#contentBox > li:hover {
    border-bottom: 2px solid #fff;
}

As in this JS Fiddle demo.