Chrissomat5000: "padding" funktioniert nicht richtig!

Beitrag lesen

Hallo,

ich bin beim 'bauen' einer Website und habe da ein Problem: Padding(-left) funktioniert nicht!

Die Datei sieht so aus:

  
  <!-- start #sidebar01 -->  
    <div id="sidebar01">  
    <h4>Men&uuml;</h4>  
    <p>Home<br /><br />  
    Charaktere<br /><br />  
    Ver&ouml;ffentlichungen<br /><br />  
    Link mich<br /><br />  
    G&auml;stebuch<br /><br />  
    Impressum  
    </p>  
    </div>  
    <!-- end #sidebar01 -->  
  
  
    <!-- start #top -->  
    <div id="top">  
    <img src="logo.jpg" alt="logo" width="728" height="90" />  
    </div>  
    <!-- end #top -->  
  
  
  
  
    <!-- start #line -->  
    <div id="line">  
    <b>Willkommen auf ...blabla...! ;-)</b>  
    </div>  
    <!-- end #line -->  
  
    <!-- start #maincontent -->  
    <div id="maincontent">  
    <p>  
...text...  
<br />  
F&uuml;r weitere Informationen zu diesem Thema siehe Rest der Website... :-)  
 </p>  
    </div>  
    <!-- end #maincontent -->  
    <br />  
    <br />  
    <!-- start #bottom -->  
    <div id="bottom">  
 ...copyrightvermerk...  
    </div>  
    <!-- end #bottom -->

und das CSS dazu sieht so aus:

body {  
  font-family: Arial, Helvetica, sans-serif;  
  margin: 0px;  
  color: black;  
  font-size: 100.01%;  
}  
  
#line {  
  text-align: right;  
  background-color: #AC003C;  
  padding-right: 10px;  
  background-image: url(bckgnavi.jpg);  
  color: white  
}  
  
#sidebar01 {  
  float: left;  
  width: 130px;  
  height: 463px;  
  background-color: #AC003C;  
  background-image: url(bckgnavi.jpg);  
  padding: 10px;  
  color: white;  
}  
  
#top {  
  background-color: #AC003C;  
  padding-top: 10px;  
  background-image: url(bckgnavi.jpg);  
  color: white;  
}  
  
#bottom {  
  padding: 10px 20px 20px;  
  margin: 0px;  
  border-top: 1px solid #353535;  
  text-align: center;  
  font-size: smaller;  
  font-style: italic;  
  letter-spacing: 2px;  
  line-height: 1.5;  
}  
  
#maincontent {  
  padding: 10px;  
}

Das padding bei #maincontent funktioniert nicht. Wieso?