adminlog

Was just carefully finishing off the photograph pages when I checked them in Internet Explorer 6. Hell - the menu doesn’t work. It is spread vertically down the page and makes no sense at all.

What gives - it used to work? And the Internet cannot help here either. Tried all sorts of things and it boils down to this line of CSS.

<!-[if IE 7]><style>#p7PMnav a{zoom:100%;};#p7PMnav ul li{float:left;clear:both;width:100%;}</style><![endif]->

More specifically still: #p7PMnav a{zoom:100%;}. Knock that out and this massive problem goes away. And like a lot of CSS there is no rhyme or reason to this. The zoom property is not a CSS standard - it is a Microsoft only property. Zoom 1 or Zoom 100% just means zoom to actual size i.e. what it would have been anyway. But this usually fixes things apparently.

And “if IE 7″ is a conditional statement that only Internet Explorer 7 is supposed to see. So how come IE 6 sees it and it mucks things up? No idea. IE 7 however doesn’t seem to mind.

Tracking down mysterious bugs like these takes a strategy. Knock out half the code, if not there, then put it back and knock out the other half. Then a quarter and so on.