I'm about to drive to Redmond and go Angel-of-Death style on the CSS
compliance group at Microsoft.
So I developed a stylesheet for my website, really my first
stylesheet, and when I tested it on Mozilla, it looked perfect. On IE,
not so much. I learned about many of the shortcomings in IE's CSS
implementation (e.g. no position: fixed, limitations on negative
values, etc.) so I scrapped the stylesheet and started over from
scratch.
I developed a new stylesheet that didn't use any of these
shortcomings. Again, rendered perfectly in Mozilla. Not so in Internet
Explorer.
So I'm now on my third attempt, and I've nearly got it. And it makes
me happy. However, there are three random bugs that I have no ability
to explain.
Check out http://www.skunkworksdesigns.net/linux.xhtml and the
corresponding stylesheet http://www.skunkworksdesigns.net/css/new.css
for my problem. Two of the problems occur in the "navbar" class
section. The two bugs I'm noticing are that: 1) randomly different
list elements in the UL do no render at all; first it was
"screenshot s" and now it's "solutions" . 2) When the :hover event
occurs, the items in the UL jump around, as if their padding or
margins were told to change.
The third bug I'm noticing is in the "header" class section. Though
there is nothing specified for a :hover event, hovering over the image
in the header section will cause IE to reload the image from the
server. Slow connections will witness the image simply disappearing
for a time.
Anybody have any workarounds for these or suggestions of how I can
appease IE?
-jag