IE 6 display problem

[Farland]

My problem is that the one image is misplaced in ie6 only. I can't figure out how to correct it, but help would be much appreciated.

Screen shots (the first in Firefox, the second in IE6), CSS, and HTML are attached.

[toicontien]

This sort of thing is usually pretty easy to solve. Without taking a look at your code, whichever element has the misaligned image just needs to be rendered using hasLayout.

The hasLayout property is a Document Object Model property that only IE-Win has. It is the cause and solution to many of Internet Explorer's bugs. Just add zoom: 1; to the style declaration for the HTML tag that contains the misaligned image.

Reference: On Having Layout (http://www.satzansatz.de/cssd/onhavinglayout.html) -- a must-read if you write style sheets!

[Farland]

You are the man! That fixed it indeed, negating my need to use a separate stylesheet for IE6.

But it caused a tiny little offset in the opposite corner element. The screen shot is attached.

Any idea how to fix it?

[Farland]

Never mind. I used the !important trick and all's well.

Thanks again!