28173 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai fait une recherche mais je ne trouve pas la réponse à mon problème (énervant)
j'utilise la propriété bloc pour afficher un fond au lien qui est survolé...
Sous IE pas de problème (quand c'est pas l'un, c'est l'autre) :

upload/10746-ag2.jpg

et sous Firefox :

upload/10746-ag1.jpg

le bloc double de taille pour aller se coller sous le titre de la rubrique...
je vois pas vraiment ce qui merdouille dans mon code, y aurait-il une propriété CSS magique ?

HTML

<div id="AgJour">
   <h1 class="TitreAgJour">Agenda du jour</h1>
      <div class="CorpsAgJour">
         <ul>
             <li><a href="#">Spanouch au T Rock Coco</a></li>
             <li><a href="#">Expos Bis à Chemillé</a></li>
         </ul>
     </div>
</div>


CSS

li { list-style: none; margin:0; padding:0; line-height:1.3em;}
#Menu li {clear:both; display: inline; }
ul {margin:0; padding:0; }
a {color:#333399; background-color:transparent; text-decoration:none; display:block; padding: 0px 5px 0px 5px;}
a:hover {color:#000066; text-decoration:none; background-color:#CCCCFF; }

#AgJour {
	float:right;
	width:195px;
	height:150px;
	background-image: url(public/gif/frag-ag.gif);
	background-position: left top;
	background-repeat:repeat-x;
	border-right: 1px solid #7C99C9;
	border-bottom: 1px solid #7C99C9;
	border-left: 1px solid #7C99C9;
	}
.TitreAgJour {
	float:right;
	width:195px;
	height:20px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color:#3f4083;
	}
	
.CorpsAgJour {
	font-size: 11px;
	color:#3f4083;
	}



Un peu de lumière pour la cave qui me sert de cerveau ?
Modifié par Sirob V (08 Mar 2007 - 16:23)