Espace en haut de page

[Oublieuse]

Bonjour!

Je me triture la tête depuis déjà quelques temps sur un problème que je n'arrive pas à résoudre.

Sur la page suivante: http://www.brindailleurs.info mais aussi sur les autres pages partageant la même css, j'ai un espace entre mon menu en haut à gauche et le haut de la page. Ce qui est étrange, c'est que j'ai cet espace avec Firefox et epiphany, mais pas avec Opéra. Quand à IE, je n'ai pas encore testé, ne l'ayant pas sur mon ordi.

Si quelqu'un-e sait quel est le problème, je serai soulagée

Css:

body {
	font-family: Bookman old style, Century gothic, arial, sans-serif, sans;
	background-color:#414553;
	color:#CDD2E6;
	font-size: 100%;
	padding:0;
}
a {
text-decoration: none;
font-weight:bold;
color:#F7861F;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration: none;
color: #9FA0A5;
font-weight:bold;
}


ul#menuhaut {
margin-top:0;
font-weight:bold;
background-color:yellow;
list-style-type:none;
}

ul#menuhaut li {
	float:right;
}

ul#menuhaut a{
margin:0 1em 1em auto;
font-size:1.1em;
display:block;
}

ul#menuhaut a:hover{
	background-color:#F6A310;
	color:#414553;
	border-bottom:0.2em #F7861F;
	}

#page {margin-bottom:3em;
	}
#centre {
	margin-top:5em;
}

ul#menu {
width: 20%;
text-align:right;
list-style-type: none;
font-size: 1em;
padding:0;
margin: 0;
float:left;
}

}
ul#menu h2{color:red;
text-align:right;}

ul#menu a{
display:block;
line-height:1.5em;
padding-right:1em;
}
ul#menu a:hover{
background-color:#C83E1D;
color:#F6CC9F;
}
#contenu1 {
text-align:justify;
font-size: 0.9em;	
padding:5%;
background-color:#62646D;
width:60%;
margin:0 auto auto auto;
}
#contenu {
	text-align:justify;
	font-size:0.9em;
	padding:5%;
	background-color:#62646D;
	width:70%;
	float:left;
	}

#artlibre {
text-align: center;
font-size:0.6em;
width: 40%;
clear:both;
margin:0.5em auto;
}
/*Chompitiarve*/
.refrain {
margin-left:0.8em;
margin-top:0;
}
.imprimer a{
text-align:right;
font-size:0.7em;
}

[Loupilo]

Tu peux résoudre ça sur Firefox en ajoutant un float:left à #page, pour le séparer du menu, mais ça introduira peut-être des incompatibilités avec d'autres navigateurs...

[Oublieuse]

J'essaie et je te dis. Mais mon menu ne fait pas partie de ma div #page, donc je ne sais pas si ça changera quelque chose.

Edit: Nickel, ça marche sous firefox, epiphany et opera. Si quelqu'un-e peut me dire ce que ça donne avec IE?

Modifié 13 Mai 2007 par Oublieuse

[Loupilo]

J'essaie et je te dis. Mais mon menu ne fait pas partie de ma div #page, donc je ne sais pas si ça changera quelque chose.

Edit: Nickel, ça marche sous firefox, epiphany et opera. Si quelqu'un-e peut me dire ce que ça donne avec IE?

Avec IE, ça pose un problème, le cadre gris ne dépasse pas la limite gauche du menu horizontal. Essaie de n'appliquer le float que pour les navigateurs modernes (même problème avec IE7), donc quelque chose genre

html>/**/body #page {float:left}