Volevo creare un template, in cui due div erano alla stessa altezza, ma come potete vedere da qui ( http://habbinto.altervista.org/macch...-%20Copia.html ) Non mi è riuscito..

Questi sono i codici:

CSS:

Codice:
body {
background-image: url(images/bg.jpg);
attachment: fixed;
}

.mainalto {
background-image: url(images/mainalto.png);
height: 42px;
width: 957px;
margin-left: auto;
margin-right: auto;
}

.maincentro {
background-image: url(images/maincentro.png);
height: auto;
width: 957px;
margin-left: auto;
margin-right: auto;
}

.mainbasso {
background-image: url(images/mainbasso.png);
height: 34px;
width: 957px;
margin-left: auto;
margin-right: auto;
}

.boxalto {
background-image: url(images/boxalto.png);
height: 21px;
width: 611px;
margin-left: 300px;
margin-right: auto;
}

.boxcentro {
background-image: url(images/boxcentro.png);
height: auto;
width: 611px;
margin-left: 300px;
margin-right: auto;
}

.boxbasso {
background-image: url(images/boxbasso.png);
height: 21px;
width: 611px;
margin-left: 300px;
margin-right: auto;
margin-bottom: 20px;
}

.banner {
background-image: url(images/banner.png);
height: 304px;
width: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;

}

.bobxalto {
background-image: url(images/bobxalto.png);
height: 21px;
width: 210px;
margin-left: 10px;
margin-right: auto;
}

.bobxcentro {
background-image: url(images/bobxcentro.png);
height: auto;
width: 210px;
margin-left: 10px;
margin-right: auto;
}

.bobxbasso {
background-image: url(images/bobxbasso.png);
height: 21px;
width: 210px;
margin-left: 10px;
margin-right: auto;
}
HTML:

Codice:
<html> 
<head> 
<title>Maccharley Template</title> 
<link href="css.css" rel="stylesheet" type="text/css" /> 
<link href="favicon.ico" rel="shortcut icon" /> 
</head> 
<body>
<div class="mainalto"></div> 
<div class="maincentro"> 
<div class="banner"></div> 
<div class="bobxalto"><center><font color="red"><b>Menu'</b></font></center></div> 
<div class="bobxcentro"> 
->Link
<p></p> 
->Link
<p></p> 
->Link
<p></p> 
->Link
<p></p> 
->Link
</div> 
<div class="bobxbasso"></div> 
<div class="boxalto"><center><font color="red"><b>Info</b></font></center></div> 
<div class="boxcentro"> 
<center> 
<b>Maccharley Template &copy 2010. Tutti i diritti riservati. All rights reserved.</b> 
</center></div> 
<div class="boxbasso"></div> 
</div> 
<div class="mainbasso"></div> 
</body> 
</html>
Chi mi sa dire dove sta l' errore? :S