Sebastian: Probleme mit Border-Bottom in IE und Positionierung von Listen

Beitrag lesen

Hallo,

ich habe 2 Fragen zu diesen Stück HTML. Erstmal warum zeigt der IE border-bottom: 1px solid #778; nicht an, bzw wie bekomme ich ihn dazu es zu tun? Und dann habe ich eine Frage zur Positionierung. Die kleinen Navitabs sollen unten an den Div mit dem Text "festkleben". Habe ich da was falsch gemacht (sobald hinter </ul> gar nichts kommt landet es halb im Text des anderen Divs) bzw. wenn ja wie mache ich das besser?

Gruß

Sebastian

<style type="text/css">
#navlist{
   padding: 3px 0;
   margin-left: 0;
   font: bold 12px Verdana, sans-serif;
}

#navlist li{
   list-style: none;
   margin: 0;
   display: inline;
}

#navlist li a{
   padding: 3px 6px 2px 6px;
   margin-left: 8px;
   background: #DDE;
   border-left: 1px solid #778;
   border-right: 1px solid #778;
   border-bottom: 1px solid #778;
   border-top: none;
   text-decoration: none;
}
</style>
</head>
<body>
<div style="width=100%;border:1px solid black;">
 Texttext
</div>
<div>
 <ul id="navlist" style="display:inline;">
  <li><a href="">Test1</a></li>
  <li><a href="">Test2</a></li>
  <li><a href="">Test3</a></li>
     </ul>&nbsp;
</div>