[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="conteiner.css" rel="stylesheet" type="text/css" />
<link href="footer.css" rel="stylesheet" type="text/css" />
</head>

<body background="pattern-sito.jpg">
<div class="container">
<div class="logoheader"></div>
<div class="aboutbtn"><span style="font-family:'Coolvetica Rg'; font-size:20px; text-align:center;">About</span></div>
<div class="workbtn"><span style="font-family:'Coolvetica Rg'; font-size:20px; text-align:center;">Work</span></div>
<div class="contactbtn"><span style="font-family:'Coolvetica Rg'; font-size:20px; text-align:center;">Contacts</span></div>
<div class="primo"></div>
<div class="contenutoabout"></div>
<div class="contenutoabout2"></div>
<div class="secondo"></div>
<div class="titolowork"></div>
<div class="terzo"></div>
<div class="lost"></div>
<div class="arcani"></div>
<div class="homebook"></div>
<div class="sindrome"></div>
<div class="santita"></div>
<div class="plastic"></div>
<div class="quarto"></div>
<div class="titolocontacts"></div>
<div class="quinto"></div>
<div class="contatti"></div>
<div class="modulocontatto"></div>
</div>
<div class="footer"></div>
</body>
</html>
[CODE]

Questo è tutto l'html

[CODE]

@charset "utf-8";
.container {
box-shadow: 1px 3px 10px 1px #000;
width: 700px;
height: 100%;
margin: auto;
background-image: url(pattern-conteiner.jpg);
background-repeat: repeat-y;
height: 1800px;
}.logoheader {
background-image: url(logo.png);
height: 60px;
width: 230px;
margin-left: 20px;
margin-top: 20px;
float: left;
}
.aboutbtn {
display:block;
height: 25px;
width: 85px;
float: left;
margin-left: 165px;
margin-top: 35px;
}
.workbtn {
height: 25px;
width: 85px;
float: left;
margin-top: 35px;
}
.contactbtn {
float: left;
height: 25px;
width: 85px;
margin-top: 35px;
}
.primo {
float: left;
height: 5px;
width: 650px;
border-top-width: 100%;
border-bottom-width: 100%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
margin-left: 25px;
}
.contenutoabout {
float: left;
height: 390px;
width: 390px;
margin-top: 70px;
margin-left: 20px;
background-image: url(contenutoabout1.png);
background-position: bottom;
}
.contenutoabout2 {
height: 390px;
width: 285px;
float: left;
margin-top: 75px;
background-image: url(scarlet.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.titolowork {
float: left;
height: 45px;
width: 230px;
background-image: url(scrittawork.png);
background-position: center center;
background-repeat: no-repeat;
margin-left: 450px;
margin-bottom: 10px;
margin-top: 10px;
}
.lost {
display: block;
float: left;
height: 175px;
width: 175px;
background-image: url(lost.png);
background-repeat: no-repeat;
background-position: center center;
margin-left: 70px;
margin-top: 50px;
opacity: 0.5;
}
.arcani {
float: left;
height: 175px;
width: 175px;
margin-top: 50px;
background-image: url(arcani.png);
background-repeat: no-repeat;
background-position: center center;
}
.homebook {
float: left;
height: 175px;
width: 175px;
margin-top: 50px;
background-image: url(homebook.png);
background-repeat: no-repeat;
background-position: center center;
}
.sindrome {
float: left;
height: 175px;
width: 175px;
margin-left: 70px;
background-image: url(sindrome.png);
background-repeat: no-repeat;
background-position: center center;
margin-top: 15px;
}
.santita {
float: left;
height: 175px;
width: 175px;
background-image: url(santita.png);
margin-top: 15px;
}
.plastic {
background-image: url(plastic.png);
background-repeat: no-repeat;
background-position: center center;
float: left;
height: 175px;
width: 175px;
margin-top: 15px;
}
.terzo {
float: left;
height: 5px;
width: 650px;
border-top-width: 100%;
border-bottom-width: 100%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
margin-left: 25px;
}

.secondo {
float: left;
height: 5px;
width: 650px;
margin-left: 25px;
border-top-width: 100%;
border-bottom-width: 100%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
}
.quarto {
float: left;
height: 5px;
width: 650px;
margin-left: 25px;
border-top-width: 100%;
border-bottom-width: 100%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
margin-top: 60px;
}
.titolocontacts {
float: left;
height: 60px;
width: 250px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 45px;
background-image: url(scrittacontacts.png);
background-repeat: no-repeat;
background-position: center center;
}
.quinto {
float: left;
height: 5px;
width: 650px;
margin-left: 25px;
border-top-width: 100%;
border-bottom-width: 100%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
}
.contatti {
float: left;
height: 155px;
width: 530px;
background-image: url(sfondocontatti.png);
background-repeat: no-repeat;
background-position: center center;
margin-left: 25px;
margin-top: 25px;
}
.modulocontatto {
float: left;
height: 235px;
width: 275px;
margin-left: 25px;
}
[CODE]

Questo invece è il relativo CSS