Helene’s site of wonder

I’ve unfortunately started to get a good deal of taste on Internet Explorer bugs, and here I will have a list on those I encounter.

Empty div’s
In IE empty div’s are given an empty space (thereby making the div visible) which can mock up surrounding text. To fix this add a comment inside the source.

Creeping text
The problem was left-padding set on the outer div of the content. To fix it I set the left-padding on the elements itself and floated them left:
/*
On album series the text was creeping to the left because of the left-padding set on #apiContentLeft .apiBoxContent .apiElm .apiElm
Floating and setting padding on the elements itself fixes that problem.
*/

#apiContentLeft .apiAlbum h1.apiTitle,
#apiContentLeft .apiAlbum div.apiSectionLinkDescription,
#apiContentLeft .apiAlbum .apiLeadText {
float: left;
padding-left: 8px;
}