Listen werden falsch eingerueckt

[Max-Leonhard von Schaper]

Hi,

Auf meiner Homepage http://www.azchael.de habe ich unter http://www.azchael.de/stories.html mehrere Linklisten die zu weiteren Seiten fuehren.

Eigentlich ist alles schoen und gut, nur wenn ich stories.html oeffne, ist jede Linkliste ab der zweiten Liste zu weit nach links eingerueckt und 'springt' beim ueberfahren an ihre eigentlich Position.

Da ich leider derzeit keinen FTP-Zugriff habe, kann ich das CSS nicht in die HTML Datei einbinden, sondern gebe es hier aus:

#container
{
width: 100%;
margin: 10px auto;
background:url(../images/Nature_Bkgrd.jpg);
background-repeat:repeat;
color: #333;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
line-height: 130%;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em;

font-family:Courier;
font-size:10px;
}

#content a:link {
 font-family:Courier New;
 font-size:12px;
 color:#000000;
 text-decoration:underline;
}
#content a:visited {font-family:Courier New;font-size:12px;color:#333333;}
#content a:hover {font-weight:bold;}

h2,h3 {font-family:Courier New;}

#content h2:first-letter {color:#800040;}

#content h3:first-letter {color:#800040;}

Und das ist mein HTML:

<div id="container">
<div id="content">
 <h2 lang=en>XXX</h2>
 <img src="images/XXX" ALT="XXX" style="border:5px groove #CCC">
 <h3 lang=en>XXX</h3>
 <ul>
  <li><a href="XXX" lang=en>XXX</a></li>
  <li><a href="XXX" lang=en>XXX</a></li>
 </ul>
 <h3 lang=en><a name="Poems"></a>XXX</h3>
 <ul>
  <li><a href="XXX" lang=de>XXX</a></li>
  <li><a href="XXX" lang=de>XXX</a></li>
 </ul>
 [...] usw.
</div>
</div>
Was mache ich falsch, oder hat nur MS IE 6 einen Bug in der Hinsicht?

Im Vorraus vielen Dank fuer eure Hilfe,

MfG
Max-Leonhard von Schaper