[résolu] Probleme Décalage Border et Background sur menu gauche

Bonjour,
Pour commencer, je tiens à dire que ce site est génial pour apprendre à développer l'architecture d'un site et que je me suis procuré l'ouvrage CSS2 suite à vos conseils.

Dans un souci d'améliorer mon développement, j'ai donc décidé de construire un site de manière plus correcte et je tente d'oublier mes anciennes mauvaises habitudes.

Ceci dit, pour rentrer dans le concret, j'ai un problème concernant la construction de mon menu gauche sur un de mes sites.

Mon site a un header, un menu gauche (id menugauche), une zone centrale(id content) pour le contenu de mes pages, et un footer (id footer).

Mon menu gauche contient différents blocs (blocmenugauche) qui ont une entete avec une image de fond et dessous, une liste de liens entourée d'une bordure (cette liste n'est pas définitive et pourra peut etre etre sous forme de tableau et non de liste mais ce n'est pas tres important).

Voici le css de mon menu:

div#menugauche
{
float:left;
margin:5px 5px ;
width:162px;
}


.entetemenu{
background: url("../images/templates/entete_menu.gif") no-repeat ;
height:20px;
width:162px;
}


.contentmenu
{
border-width: 1px;
border-style:solid;
border-color:#8f1010;


}

div#blocmenugauche h2
{
display:inline;
font-size:12px;
color:#e9d1d1;
padding-left:5px;
}
div#blocmenugauche table
{
width:162px;
border-spacing: 0px;
border-collapse: collapse;

}

.entetemenu et .contentmenu sont censés me permettre de construire l'entete de mon menu et de le contenu de mon menu.

voici le code html associée:

	<div id="menugauche">
		<div id="blocmenugauche">
			<table cellspacing="0" cellpadding="0" border="0" width="162">
				<tr><td class="entetemenu" width="162">
					<h2>Titre menu</h2>
				</td>
				</tr>
				<tr>
					<td class="contentmenu"  width="162">
					test
					</td>
				</tr>
			</table>	
		</div>
	</div>

et deux questions se posent donc.
Est-il possible de gérer les blocs gauches sans faire de tableau comme je l'ai fait actuellement? J'avais fait au départ sans les tableaux mais j'arrivais pas aux résultats...

et le plus important, Comment faire pour que mon menu soit bien aligné entre l'entete et le contenu? Pour le moment sous IE c'est OK mais sous FF, j'ai un pixel de décalage.

Je vous mets un lien vers la page incriminée:
http://www.cimbat.com/test/index.html

En espérant avoir été clair, toutes vos remarques sont évidemment les bienvenues.

Merci d'avance.
Modifié par InsaneBrain (22 May 2007 - 17:30)

okay j'ai résolu mon problème, il fallait supprimer l'attribut border-collapse et tout rentre dans l'ordre désormais
Merci quand même car j'ai trouvé ma réponse dans le bouquin css2 .