Negative margins are your friends.

The CSS to get the active (yah) tab to poke up a lil' bit. Kind of your standard CSS problem, but I hadn't had to do it in a while and figured I'd post it in case it's helpful...

ul#navigation li a {
display: block;
padding: 5px 10px;
}

ul#navigation li a.yah {
background-color: #FFF;
border: 1px solid #D0E1FD;
border-bottom: none;
margin: -3px 0 -1px;
padding: 7px 15px;

-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
*height: 1%;
}

The bold part makes it work. Toss some negative margins in there, then add some padding to help the box stretch vertically.

Adam Darowski
Director of Design & Product Mgmt at Sports Reference, LLC

More by Adam Darowski

View profile