kalkulator

I can’t seem to fix this problem. IE and FF handles it just the way it should, while Opera moves the two images a few pixels to the right.

Check it yourself at the page godownunder.net – and hover over About Us and Guestbook.

I have tried to understand this, but can’t get this to work in my page.

Where do I put the above-mentioned code? Inside the sidebar.php ?

Or in the page-template file? (page.php)

I’m sorry that I’m bumping this, but I have yet to find a solution to this problem.

If you need more info (f.x. more code) to look at, please tell me.

I really hope to find out of this, but need some help.

Ok I’ve fumbled around with your suggestion, not giving any good results, unfortunately.

I’ll post the code, so you can perhaps guide me through this.

This code is in my header.php, with my link:
<li class="page_item"><div class="guy"><a href="?page_id=15">About Us<img src="images/hover_guy.jpg"></a></div>

And this code is in my CSS-file:
#navcontainer ul li.page_item div.guy a:hover img<br />
{<br />
position: absolute;<br />
top: 10px;<br />
margin-left: 212px !important ;<br />
height: 197px;<br />
width: 159px;<br />
}

Any suggestions?

Thanks a lot for the answer!

I really hope there’s a way to fix this. It’s just a matter of a few pixels.
Is there a better way to do this, rather than using the “margin-left” to adjust the mouseOver-picture?

I am aiming to not use Javascript, that’s the reason for why I used the above-mentioned method.

Oh yes, that was it! Thanks a lot ??