[Résolu] Sous IE Problème de display block dans un div ...

Bonjour

J'ai un problème de display : block qui ne marche pas sur un div.
J'ai eu beau retourner le problème dans tous les sens je n'ay raaive pas

voici la css

/* -------------------------- Le menu -------------------------- */

#navigation ul  {
	width: 150px;
	margin: 0px 0px 0px 25px;
	border: 1px solid #003399;
	background: #ffffff;
	font-size: 11px;
	}

#navigation li {
	list-style-type: none;
	height: 15px;
	}

#navigation li a {
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	color: #003399;
	height: 15px;
	line-height: 15px;
	}

#navigation li a:hover {
	text-decoration: none;
	display: block;
	background: #49b4e2;
	color: #ffffff;
	font-weight: normal;
	}

#navigation .titremenu	{
	width: 150px;
	height: 17px;
	line-height: 17px;
	margin: 5px 0px 0px 25px;
	border: 1px solid #003399;
	background-color: #003399;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	}

#navigation .titremenu a	{	
	display: block;
	text-decoration: none;
	border: 1px solid #003399;
	background-color: #003399;
	color: #ffffff;
	font-weight: bold;
	}

#navigation .titremenu a:visited	{
	text-decoration: none;
	border: 1px solid #003399;
	background-color: #003399;
	color: #ffffff;
	font-weight: bold;
	}

#navigation .titremenu a:hover	{
	text-decoration: none;
	border: 1px solid #003399;
	background-color: #003399;
	color: #ffffff;
	font-weight: bold;
	}

#navigation li img {
	float: left;
	}

et voici mon code html

<div id="navigation">
			<div class="titremenu">Accueil</div>
			<ul>
				<li><img alt="Icone Accueil" src="Images/Menu/home.gif" /><a href="index.htm" title="Accueil">Accueil</a></li>
				<li><img alt="Icone Contact" src="Images/Menu/contact.gif" /><a href="Contacts.htm" title="contacts">Contact</a></li>
				<li><img alt="Icone Livre d'or" src="Images/Menu/signatux.gif" /><a href="LivreOr.htm" title="Signez le livre d'or">Livre d'or</a></li>
			</ul>
			<div class="titremenu">Sixtine</div>
			<ul>
				<li><img alt="Icone Nouvelles" src="Images/Menu/suiv.gif" /><a href="Enfants_Nouvelles.htm" title="Les nouvelles de Sixtine">Nouvelles</a></li>
				<li><img alt="Icone Graphiques" src="Images/Menu/suiv.gif" /><a href="Enfants_Graphiques.htm" title="Les graphiques de Sixtine">Graphiques</a></li>
				<li><img alt="Icone Albums Photos" src="Images/Menu/picture.gif" /><a href="Enfants_AlbumsPhotos.htm" title="Les photos de Sixtine">Albums Photos</a></li>
			</ul>
			<div class="titremenu">Albums Photos</div>
			<ul>
				<li><img alt="Icone Sixtine" src="Images/Menu/picture.gif" /><a href="Enfants_AlbumsPhotos.htm" title="Les albums photos de Sixtine">Sixtine</a></li>
				<li><img alt="Icone mariage" src="Images/Menu/picture.gif" /><a href="AlbumsPhotos_Mariage.htm" title="Les albums photos de notre mariage">Notre mariage</a></li>
				<li><img alt="Icone albums" src="Images/Menu/picture.gif" /><a href="AlbumsPhotos.htm" title="Les autres albums photos">Autres albums</a></li>
			</ul>
			<div class="titremenu">Liens de Sites</div>
			<ul>
				<li><img alt="Icone Informatique" src="Images/Menu/windowsXP.gif" /><a href="Liens_Informatique.htm" title="Les Liens : informatique">Informatique</a></li>
				<li><img alt="Icone Chants" src="Images/Menu/music.gif" /><a href="Liens_ChantCatho.htm" title="Les Liens : le chant - Chrétiens">Chant - Chrétien</a></li>
				<li><img alt="Icone Voile" src="Images/Menu/voile.gif" /><a href="Liens_Voile.htm" title="Les Liens : la voile">Voile</a></li>
				<li><img alt="Icone Chasse à courre" src="Images/Menu/trompe.gif" /><a href="Liens_Chasse.htm" title="Les Liens : la chasse à courre">Chasse à courre</a></li>
				<li><img alt="Icone Divers liens" src="Images/Menu/divliens.gif" /><a href="Liens_Divers.htm" title="Les autres liens">Divers</a></li>
			</ul>
			<div class="titremenu">Lieux préférés</div>
			<ul>
				<li><img alt="Icone val-André" src="Images/Menu/suiv.gif" /><a href="Lieux_ValAndre.htm" title="Le Val-André">Val-André</a></li>
				<li><img alt="Icone St Quay" src="Images/Menu/suiv.gif" /><a href="Lieux_StQuay.htm" title="St Quay Portrieux">St Quay Portrieux</a></li>
				<li><img alt="Icone Berry" src="Images/Menu/suiv.gif" /><a href="Lieux_Croslaie" title="La Croslaie">Berry</a></li>
			</ul>
			<div class="titremenu"><a href="Telechargements.htm" title="Téléchargements">Téléchargements</a></div>
			<div class="titremenu"><a href="Cv.htm" title="le CV de Guillaume">CV</a></div>

Et voici le lien internet du problème sur mon site

pour l'instant il n'y a de lien que sur téléchargements et sur CV

Si qq1 peut m'aider ce serait génial !!!
Modifié par GuizBizet (15 May 2006 - 11:42)

Où se situe le problème exactement ? Vers le menu je suppose mais là je ne vois rien d'aberrant graphiquement sur ton site.

Bonsoir ou bonjour je sais pas trop,

En fait quand je veux cliquer sur le lien téléchargement ou Cv, il faut que je sois absolument sur le mot et j'aimerais que l'on puisse se placer n'importe ou sur le block pour que si l'on clique le lien fonctionne


Modifié par GuizBizet (13 Apr 2005 - 09:20)

pour info, le probleme se passe sous I.E. mais pas sous FF ni sous OPERA

Une fois de plus, I.E. est mis en cause

Tu devrais changer l'intitulé de ton post pour qu'on comprenne que c'est sous I.E.

Sous IE6 il n'y a pas de problème non plus, par contre le bug est visible sous IE5.5.

C'est peut-être corrigeable avec un width: 100%; bien placé :

#navigation .titremenu a {
   width: 100%;
}

Merci à tous

le

#navigation .titremenu a {
width: 100%;
}

marche impecc
Modifié par GuizBizet (13 Apr 2005 - 09:23)