Davvero non mi era mai successo di perdere un pomeriggio dietro a 2 problemi che non riesco a risolvere. Il primo è questo:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
	<head>
		<title>title</title>
		<style type="text/css">@import url(stile.css);</style>	
	</head>	
	<body> 
		<div id="container">
			<div id="menu">
				rfdfsdf
			</div>
		</div>
        </body>
</html>
Stile:
codice:
html,body{
    text-align: center; 
    background-color: white;
    margin:0px;
    }

div#container{
    background-color:gray;
    width: 1024px;
    height: 780px;
    margin: 0px auto;  
    text-align: left; 
    padding:0px;
    border:1px solid red;
    } 


#menu{
        position:relative;
	bottom:76px;
	width:130px;
	height:130px;
	left:10px;
      }
Perchè il blocco menù si posiziona in alto a sinistra e non in basso????