schaich: ungewollter leerer Bereich

Hey,

ich habe eine Seite geschr deren Aufbau ungefähr so ist:

<body>  
  
   <ul id="Zeile">  
     <li> <div id="eins" class="line"> </div> </li>  
     <li> <div id="zwei"> </div> </li>  
     <li> <div id="drei" class="line"> </div> </li>  
   </ul>  
  
 </body>

dazu hab ich einen stylesheet geschrieben:

body{  
 height:100%;  
 width:100%;  
 padding:0px;  
 margin:0px;  
}  
  
ul#Zeile{  
 padding:0px;  
 margin-left:30%;  
 width:100%;  
 list-style:none;  
}  
  
ul#Zeile li{  
 float:left;  
  
}  
  
div.line{  
  height:100%;  
  width:0px;  
  border:1px solid blue;  
}  
  
div#eins{  
 padding:0px;  
 margin:0px;  
}  
  
div#zwei{  
 height:300px;  
 width:500px;  
 background-color:black;  
 opacity:0.6;  
 padding:0px;  
 margin:40% auto 0;  
}  
  
div#drei{  
 padding:0px;  
 margin:0px;  
}

Jetzt hab ich aber das Problem, dass zwischen der Liste und dem oberen Rand der Seite ein kleiner Zwischenraum ist den ich nicht haben möchte.
Hab schon alles mögliche versucht.
Hat einer von euch ne Idee?

Danke schonmal
MfG schaich

  1. Jetzt hab ich aber das Problem, dass zwischen der Liste und dem oberen Rand der Seite ein kleiner Zwischenraum ist den ich nicht haben möchte.

    ul#Zeile{
    padding:0px;
    margin-left:30%;

    Browser Default-Stylesheets haben meist
    margin-top != 0
    margin-bottom != 0

    passe das einfach an.
    margin: 0 0 0 30%;

    mfg Beat

    --
    Woran ich arbeite:
    X-Torah
       <°)))o><                      ><o(((°>o
    1. passe das einfach an.
      margin: 0 0 0 30%;

      Danke klappt.

      schaich