Page 1 of 1

negative positioning of elements background position

Posted: Sun Aug 26, 2007 6:49 pm
by s.dot
So, as is the usual, this works in firefox and not IE.

I have this CSS on hover of the tabs:

Code: Select all

#topnav a:hover {
      background-position:0 -42px;
}
Here is the display of the tabs:
Image

And this is the background image I'm loading:

Image

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?

Posted: Mon Aug 27, 2007 2:16 am
by matthijs
Can I see the rest of the code or an URL? Maybe it's some background color on top of the the background image (border) but without any code I can't tell.