Salve a tutti!

Dopo tante illustrazioni sul vostro sito e un pò altrove ho deciso di provare a farmi un sito.

Solo che ho un problema:

In pratica l'impaginazione del sito sul software è tutto ok, sul browser è completamente diversa invece. Come editor HTML uso PHP designer 7, dopo averne provati svariati questo mi è sembrato quello più buono .

Infatti se vedete qui: http://94.36.51.98/sito/index.html

Vedrete la mia impaginazione tutta sballata. Voi mi direte: "E vabbè giocherella un pò sui margini" L'ho fatto! Il problema è che sul software risulta tutto ok, ma sul browser no, ho provato sia su Internet Explorer che su Firefox.

Non fateci caso al risultato, è una prova che volevo fare per capire i margini come funzionassero

Per fare questo ho utilizzato l'html con i div e il css.

Questo è il codice html che ho usato:


codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="FreeUser" />
    <link href="style.css" rel="stylesheet" type="text/css" />

	<title>Vanishing Point - Home</title>
</head>

<body>

    <div id="testata">
    </div>
    
    <div id="lato">
    </div>
    
    <div id="corpo">
    </div>
    
    <div id="piede">
    </div>

</body>
</html>
Mentre quest'altro è il css:


codice:
body {
    
    background-color: black;

}


*{
    margin: 0;
    padding: 0;
    
}


#testata {
   
    width: 900px;
    height: 150px;
    background-color: #E0281F;
    margin-right: auto;
    margin-left: auto;
    
    }
    
#lato {
    
    
    width: 150px;
    height: 900px;
    background-color: #FF8000;
    margin-right: 0px;
    margin-left: 332px 
    
    
} 


#corpo {
    
    
    width: 750px;
    height: 900px;
    background-color: #00FF40;
    margin-top: -900px;
    margin-right: 332px;
    float: right;
}


#piede {
    
    
    width: 900px;
    height: 75px;
    background-color: #8000FF;
    margin-top: auto;
    margin-right: auto;
    margin-left: 332px;
    float: left;
    
}

Come posso risolvere?

Vi ringrazio molto