CSS Tweakage

Well, I just spent a couple hours mulling Sensory Output’s CSS, refining, checking, altering, reducing clutter and repetitive portions. The result is cleaner, but I would like to do one more once-over and really organize and comment it.

This process also gave me time to really check compatibility with Internet Explorer (Mac and Windows). As of now, this site has full compatibility with WinIE 5.5 (few minor problems with side bar, calendar), WinIE 6.0, and MacIE 5, thus bringing some closure to my demons. WinIE 5.5 seems to want to add 10px of padding on the left of the first list item (not nested) in #menu. Obviously, this is not declared and I do not see this behavior in any other browser. Who knows what is causing that…

Still, even after all this work, there are still inconsistencies that users will only notice if they view the site in multiple browsers. In addition, I have mysteriously solved the slow Safari rollover issue and replaced it with slow rollovers in Firefox et al. I did find the line of code that make rollovers in Safari go from lightning quick (first code block) to molasses (second code block):

#menu {
    width: 214px;
    margin-left: -213px;
    float: right;
    text-align: left;
    }
#menu {
    width: 214px;
    float: right;
    text-align: left;
    }

Notice the existence of the negative left margin, which serves little purpose in the layout of the page as #menu is floated right. More investigation to follow.