CSS-Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <title>MySite</title>
<style type="text/css" media="screen">
        body
        {
                margin: 0;
                padding: 0;
                font: 85% arial, hevetica, sans-serif;
                text-align: center;
                color: #505367;
                background-color: #D6D6D6;
        }


        #container
        {
       /* background-image: url("Unbenannt.jpg");*/
                margin: 1em auto;
                width: 1000px;
                height:700px;
                text-align: left;
                background-color: #FF3030;
                border: 1px solid black;
        }


        #header
        {
                height: 100px;
               /* background-color: fuchsia; */
        }


         #menu
        {
                float: left;
                width: 200px;
                height: 430px;
               /* background-color: yellow; */
        }
         #Login
        {
                clear: left;
                width: 200px;
                height: 430px;
                background-color: yellow;
        }
        #contents
        {
                margin-right: 20px;
                margin-left: 200px;
                height: 600px;
                background-color: #FF3030;
        }


a:link { color: #0A0A0A; }
a:visited { color: #0A0A0A; }
a:hover, a:active{color: #0A0A0A;}


</style>
</head>
<body>
<div id="container">
<div id="header">


<!-- <img src="Unbenannt.png" alt="" border="0" width="1000" height="1000"> -->


</div>
        <div id="menu">
        <h3><p align="center"><font color="#0A0A0A">Menü</font></p></h3>
                 <ul>
                        <li><a href="#">Ich</a></li>
                        <li><a href="#">Download</a></li>
                        <li><a href="#">Sonstiges</a></li>
                        <li><a href="">Impressum</a></li>
                </ul>
               <p align="center"><img src="bild.png" alt="" border="0" width="97" height="131">  </p>
        </div>
        <div id="Login">Hier soll die Loginbox sein</div>
        <div id="contents"></div>
        <!-- <div id="footer"><p align="center">© 2009 by ME</p></div>   -->
</div>
</body>
<footer>
© by me
</footer>
</html>