Da poche ore sto costruendo questo sito internet e per la prima volta ho deciso di realizzare il tutto completametne con i CSS.

http://www.mondoviphoto.com/sito%20nuovo/modello.html

Questo č il codice html

<!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>Associazione fotografica Mondově Photo</title>
<link href="css/globalrossigrigi.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="spazioalto"></div>
<div id="container">
<div id="header">
<div id="logo">[img]immagini/logobianco.gif[/img]</div>
<div id="trafiletto"></div>
<div id="pulsanti">barra di navigazione</div>
</div>
<div id="colonnasinistra">

Colonna di sinistra...</p></div>
<div id="contenuto">


contenuto1 contenuto2 contenuto3 contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenuto FWňREFWňFFASDF Associazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservati</p>
</div>
<div id="piepagina">


Associazione Fotografica Mondově Photo © 2009 Tutti i diritti sono riservati</p>
info@mondoviphoto.com
</div>
</div>
</body>
</html>


E questo il CSS

@charset "utf-8";
/* CSS Document */


html,body{margin: 0;padding:0}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
text-align: left;
background-color: #000;
}
div#container{
width: 760px;
margin: 0 auto;
text-align: left;
border: thin solid #FFF;
background-color: #333;
}
#trafiletto {
background-color: #E73F3A;
height: 5px;
}
#pulsanti {
background-color: #999;
height: 25px;
}
#spazioalto {
height: 10px;
}
#colonnasinistra {
width: 13em;
float: left;
}

div#header{
background-color:#333;
color: #FFF
}
#contenuto {
background-color: #666;
margin-left: 13em;
margin-right: 1em;
margin-top: 0px;
margin-bottom: 0px;
}
#piepagina {
background-color: #E73F3A;
clear: left;
text-align: center;
}


#logo {
text-align: center;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
}

Ora non reisco a capire da dove mi esce quel bordo attorno al div contenuto.
quando l'ho costruito era attaccato alla barra soprastante che conterrŕ i pulsanti di navigazione e a sinistra era a contatto con la colonna.
non appena ci ho messo un po' di testo dentro per provarlo si č spostato e non sono piů riuscito a farlo tornare al so posto....
Sapete aiutarmi?
Inoltre vorrei distanziare un po' di piů il testo del pie di pagina dai bordi ma non ci riesco...
Aiutatemi per favore...