Hi,
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
nicht nur die Kleinschreibung ist fehlerhaft; bei diesem Doctype geht der IE6 ohne Angabe der DTD stets in den quirks mode.
body{
margin-top: 0px;
margin-left: 0px;
}
Browser könnten auch padding für html voreingestellt haben.
ul#navigation li {
ul (und auch li) können voreingestellte margin und padding haben.
display: inline;
width: 150px;
wie schon gesagt schließt sich das aus. Lies mal http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal.
text-align:center;
findest Du das sinnvoll?
#navigation a:link { color:black; text-decoration: none;}
#navigation a:visited { color:black; text-decoration: none;}
#navigation a:hover { color:white; text-decoration: none;}
#navigation a:active { color:black; text-decoration: none;}
wie schon gesagt geht das wesentlich kürzer:
#navigation a { color:black; text-decoration: none; }
#navigation a:hover { color:white; }
#menu1
{
background: red;
}
das hilft wenig, wenn Du die darin befindlichen Elemente anders formatierst.
freundliche Grüße
Ingo