Yay, I finally fixed the problem with IE/Windows not displaying correctly because of my use of the “float: right” CSS property.
I found a page on
The Autistic Cuckoo
which went on at some length about IE problems.
So I added
IE/Win has so many complicated float-related bugs that we can’t go into it here. The example in this article doesn’t work at all in IE/Win, but the article is too long anyway, without venturing into the jungle of bug fixing.Fortunately, there is a simple solution that fixes many of the IE float bugs. We saw earlier that all floats become a block box. The standard says that the display property is to be ignored for floats, unless it’s specified as none. If we set
display:inlinefor a floating element, some of the IE/Win bugs disappears as if by magic. No one knows exactly why. IE/Win doesn’t make the element into an inline box, but many of the bugs are fixed.
to my “#menu” element and now all is well.
I’m guessing I could have asked Peter and Laura about this, right? 🙂