My blog is located at http://marschflugkoerper.wordpress.com and i am nearly done with customizing it. There is only one problem left: the sidebar headings are displayed fine in all browsers except IE6+7, where they’re not aligned to the left. Instead there is a gap of about 20 pixels.
You can see a comparative screenshot here and my css can be found here. I’d appreciate if any of you could take a look at my css file and give me a hint on what could be wrong with it.
I seem to have reached the limit of my css skills at this point :(
A lot of html elements eg headers, have various degrees of margins and padding by default. Conveniently the default is inconsistent between browsers. On my proper blog (not the test blog I run here to keep up with WP developments) I use a Global Reset in my CSS to reset everything to zero before I start and iron out as many browser variations as possible.