Problèmes de positionnement et de marges

Bonjour,

J'ai plusieurs problèmes sur une mise en page CSS.

1) Sur la page d'accueil (Home.html), le pied de page (footer) est collé au bloc précédent (left dans ce cas). Je n'arrive pas à créer une marge entre les deux.
2) Je voudrais une marge fixe de 10px entre la colonne de gauche (left) et la colonne centrale (content). Pour l'instant ça ne fonctionne pas correctement si je réduit la taille de la fenêtre.
3) Sur le panneau d'administration, les différents blocs correspondant aux modules (admin_box) sont à l'extérieur du cadre content.

Voici le contenu de la feuille de style appliquée :

body {
	font-family: Georgia, Bookman, Palatino, Utopia;
	margin: 1em;
}

#header {
	background-color: #f5d8ae;
	position: relative;
	height: 130px;
	padding: 10px;
	border: solid 1px #f1c28a;
}

#left {
	position: relative;
	padding: 10px;
	margin-top: 10px;
	margin-botton: 10px;
	width: 20%;
	float: left;
	border: 1px solid #f1c28a;
	font-family: Georgia;
	background-color: #f5d8ae;
}

#content {
	position: relative;
	padding: 10px;
	margin-left: 23%;
	margin-top: 10px;
	border: 1px solid #000000;
	background-color: #ffffff;
	font-family: Georgia, Bookman, Palatino, Utopia;
}

#footer {
	position: relative;
	clear: both;
	font-size: small;
	text-align: center;
	font-family: Utopia, Arial;
	font-color: #000000;
	background-color: #f5d8ae;
	border: 1px solid #f1c28a;
}

.admin_box {
	float: left;
	padding: 8px;
	margin: 5px;
	width: 30%;
	border: 1px solid #c1c9ec;
	background-color: #e6e9f5;
}

Pouvez-vous m'aider ?

Bonjour,

Peux-tu fournir la page html voire une url ou l'on peut voir le résultat ?

Connais-tu le plugin firebug (sous FF) qui permet de mieux voir d'ou vient ce genre de problèmes ?

Voilà après je pourrais peut-être aider...

A+