I have this CSS on hover of the tabs:
Code: Select all
#topnav a:hover {
background-position:0 -42px;
}
And this is the background image I'm loading:

So when it loads, it loads the whole image. And on hover, the -42 px creates a nice seamless "rollover" effect.
As you can see, this causes the line on the right not to be extended to the top. When I switch the images out for background colors with borders, it works fine.
Is there something I'm missing?