28220 sujets

CSS et mise en forme, CSS3

bonjour à vous, encore un probleme lié a la compatibilité des 2 navigateurs.

voici le site: http://skalpl.free.fr/sisteer/V4/

le problème est que le menu de gauche qui contient les sous rubriques n'a pas la meme allure sur IE et sur firefox. j'ai essayé pas mal de réglages mais rien n'y fait.

si vous pouviez m'aider a obtenir un comportement similaire entre els 2 ca m'aiderait grandement. Voici le code pour cette partie du site.

#gauche{
		position: absolute;
		margin-top: 50px;
		width: 175px;
		height: auto;
		left: 5px;
		}
			
		#head {
		padding: 3px 0 3px 0;
		background: #286B95;
		display: block;
		color: white;
		font-weight: bold;
		font-size: 1em ;
		padding-left: 10px;	
		text-align: left;
		}
		
		#gauche p{
		padding-top: 5px;
		text-align: left;
		text-indent: 5px ;
		line-height: 1.2em ;
		margin: 15px;
		color: #286B95;
		font-size: 1em;
		}
				
		#gauche ul{
		
		list-style: none ;
		padding-left: 5px;
		margin-left: 0px;
		}
				
		#gauche a{
		text-align: left;
		line-height: 1.5em ;
		/*line-height: 1.5em;*/
		color: #286B95;
		text-decoration: none;
		padding-left: 10px;
		background:url(images/pucerub.gif) 0 .4em no-repeat;
		display: block;
		border-bottom: 1px solid #D4D4D4 ;
		}
		
		#gauche a:hover{
		font-weight: bold;
		background:url(images/pucerub2.gif) 0 .4em no-repeat;
		}


et le menu se présenter avec le code suivant:
<div id="gauche">		
		
		<div id="head"> 
			Opérateurs
		</div>
					
		<ul>
		<li><a href="valorisation.php">Valorisation & <br>Facturation</a></li>
		<li><a href="impression.php">Impression & Routage</a></li>
		<li><a href="recouvrement.php">Recouvrement</a></li>
		<li><a href="hebergement.php">Hebergement</a></li>
		</ul>
		
</div>


voila merci d'avance
Modifié par Sk4pis0 (06 Dec 2005 - 12:02)