28172 sujets

CSS et mise en forme, CSS3

Bonjour
j'ai un soucis avec un menu qui lorsqu'on survole les categories, les sous catégories poussent les blocs de dessous
j'en avais déduits que ca venait des z- index mais meme en en mettant partout a 500 ca ne change rien
voici le css
#menu { 
    height: 100px;
    width: 980px;
    position: relative;
    margin: 0 auto;
    z-index: 500;
}

  #nav {
/*    height: 59px;*/
    float: right; 
    list-style-type: none;
    margin: 0;
    padding: 30px 120px 0 0;
	text-transform: uppercase;
	z-index:500;
/*    width: 705px;*/
  }

   #nav li { 
      float: left;
	  z-index:500;
      margin: 0;		
	  width:127px;
      padding: 0 15px 0 0;
      text-decoration: none;
      list-style: none;
   }
    
   li.sc,li.a,li.sca {
       position: relative;
       z-index: 500;
       float: left;
       width: 127px;
   }
   #nav li a {
        background-color:#292e31;
        color: #FFF;
        font-size: 14px;
		font-weight:bold;
        display: block;
        height: 59px;
		text-decoration:none;
		padding: 10px 0 0 5px;
  }
   #nav li a:hover {
        background-color:#879096;
        color: #9f4705;
        font-size: 14px;
		font-weight:bold;
		text-decoration:none;
  }

voici le html

<div id="menu">
   <div id "nav">
     <ul><li class="c">titre 1
       <ul class="a">ss titre1</ul>.....
    </li>
   </ul>
  </div>
</div>


Merci de votre aide
Modifié par nadege21 (30 Apr 2012 - 11:35)
euh,

t'as pas oublié des trucs dans le html???

Smiley smile

(edit) ah, grillé, tu as fait un edit entre temps ....
Modifié par lionel_css3 (30 Apr 2012 - 11:36)