www.schuerrer.org - Private Homepage (German)

[MSch]

The reason I post the link to my HP here, ist that I have 2 Problems with my CSS.
Internet Explorer adds additional spacing between the two orange blocks on the top and Firefox doesn't display the News-Headings in bold, although the W3C CSS Validator claims everything is done right. Maybe somebody would like to enlighten me.

CSS for News (Neuigkeiten)-Section:

Code: Select all

#content .news {
}
#content .news .header {
}

#content .news .header .title {
 font-weight: bold;
}

#content .news .header .date {
}

#content .news .content {
 padding-bottom: 0.5em;
}

#content .news .content p {
 padding: 0;
 margin: 0;
}

CSS for the orange blocks:

Code: Select all

#logofiller {
float:left;
width: 9em;
border-bottom: 1px solid black;
background-color: #FF8040;
padding-top: 0.3em;
height: 5em;
border-right: 1px solid black;
}
#logo {
border-bottom: 1px solid black;
padding-top: 0.3em;
height: 5em;
background: #FF9900;
padding-left: 0.3em;
}

Any help would be highly appreciated.