Border in Listen

[Tina]

Guten Tag

Es geht um folgendes: ich habe ein verschachteltes Menü in Listenform. Den uls ist jeweils per CSS oben und unten eine 1px-Border zugewiesen.

Das Problem ist nun, dass, wenn sich mehrere uls direkt hintereinander schliessen (s. Codebeispiel unten), im IE 5.0 alle unteren Border angezeigt werden (hier also eine 3px-Linie) und im IE 5.5 und 6 eine 2px-Linie, wovon die untere rechts einen Pixel zu kurz ist.

Im Firefox werden - wie gewünscht - die Linien zu einer 1px-Border zusammengezogen. Gibt es eine Möglichkeit, auch die IEs
dazu zu bringen?

Vielen Dank für eure Hilfe
lieben Gruß
Tina

<ul id="navi_level_1">
  <li><a href="#">Level 1</a></li>
  <li><a href="#">Level 1</a>
    <ul id="navi_level_2">
      <li><a href="#">Level 2</a></li>
      <li><a href="#">Level 2</a>
 <ul id="navi_level_3">
   <li><a href="#">Level 3</a></li>
   <li><a href="#">Level 3</a>
            <ul id="navi_level_4">
       <li><a href="#">Level 4</a></li>
     </ul>
   </li>
 </ul>
      </li>
    </ul>
  </li>
  <li><a href="#">Level1</a></li>
</ul>