As a first venture into writing css, I deleted the kubrick stylesheet, started from scratch and am learning as I write my own. I have come across a minor but annoying problem which I have been unable to solve so far.
I want the sidebar of mysite http://www.onocrotalus.com to sit flush with the header logo above it. This works on Firefox but not on IE. The div is in the right place in both browsers. But in IE, there is some space before the first list item ('Archives') which I can't account for and want to remove.
My guess is that it's something to do with the multiple list items generated by the scripts that populate the sidebar, but I don't have the requisite knowledge of php to meddle with this. A suspicious extra bullet can be seen clearly in Firefox with the css turned off (View > Page Style > No style). I just can't get the first h2 sidebar item flush with the header in IE!
Any hints on how to fix this would be very gratefully received. I haven't been able to find a thread which solves this problem yet. The css can be seen at http://onocrotalus.pastebin.com/651151.
Thanks a lot in advance for your time!