topfblume: Listenausrichtung

Beitrag lesen

Ein "Hallo" von der Ostsee,

Ich habe eine Frage zu einer Navigation die mittels einer Liste realisieren möchte. Wenn Ihr Euch den folgenden Quelltext mal als html Datei speichert und diese dann einmal mit dem FF und danach mit dem IE anschaut, seht Ihr den Unterschied. Ich möchte das der IE es genauso darstellt wie der FF.

-------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Liste</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
ul
 {
 background-color: yellow;
 }
ul li
 {
 list-style-type: none;
 display: inline;
 }
ul li a
 {
 text-decoration: none;
 background-color: red;
 }

ul li#aktiv
 {
 background-color: green;
 }
</style>
</head>
<body>
<ul id="navi">
<li id="aktiv">Startseite</li>
<li><a href="#">News</a></li>
<li><a href="#">Links</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="#">Privat</a></li>
<li><a href="#">TSV</a></li>
</ul>
</body>
</head>
</html>
---------------------

Über eine helfende Antwort würde ich mich freuen.

Gruß