CMS Made Simple Forums

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

Have you tried:

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

Nullig

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

Nullig, Brilliant! That worked.

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

Michael

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

Thank you for the explanation.