[solved] IE6 causing me headaches with page display

[cnymike]

http://www.senecahillperennials.com

If you have IE6 and view this site, the thumbnails on the various Plant pages will not always be aligned to the left of the column. Sometimes they behave as if there was a left margin or padding. And when you mouse over the thumbnail it will suddenly jump to the correct position.

Any ideas what could be causing this? I've viewed tha page with Firefox, Safari, IE6 on a PC and Firefox, Safari, on a Mac and IE6 is the only browser that doesn't show the page correctly. I'm stumped.

Michael

[Nullig]

Have you tried:

.plants {
  background-color: #FFFFCC;
  height: 1%;
  }

Nullig

[cnymike]

I haven't tried that but will attempt to see if that does it, over the weekend. I'll let the forum know if it works. Thanks.

Michael

[cnymike]

Nullig, Brilliant! That worked.

What is the reasoning for that? What is that "fixing" to solve the problem?

Michael

[Nullig]

It's a problem with IE6 or less when it doesn't know the exact dimension of a div, which contains certain elements - it tries to leave enough room as it's rendering. It's related to the 3 pixel jog. Specifying the height overrides this behaviour.

Nullig

[cnymike]

Thank you for the explanation.