i found a nice 3rd option to fix my side/bottom bar issues. rather than having to make more divs, or double the number of images, i spanned the background all the way across, and inverted the colors of the sidebar. I now have a whole lot of extra CSS definitions, and probably more divs than i need. Add to that implementing andy and scott’s dynamic semantic body classes, and i can really cut down the size of my CSS.
I also changed from the hatched background for posts to a transparent PNG. It makes things more readable in firefox. In Internet explorer 6, it makes things look like butt, since it shows up as a big white block. The only people i know using internet explorer are my parents and my grandma, so they’ll appreciate the added readability of not having any image under the text.
Not that i’m not actively trying to get them to try out firefox or opera.
i also fixed the way post title were displaying in internet explorer, apparently it won’t allow me to float my numerals next to my headings if the heading div is defined the same as the h2 within it. so i had to split out the background color and the width from the text stylings. =/