[XHTML] problème avec les float:left
Bonjour, je suis sur un site qui me pose problème :
pour faire un menu, j'ai utilisé le code suivant :
Code:
1 2 3 4 5 6 7 8
|
<div id="sous_menu">
<div class="sous_menu"> FEMME </div>
<div class="sous_menu"> LINGERIE </div>
<div class="sous_menu"> ENFANT </div>
<div class="sous_menu_over"> SPORT </div>
<div class="sous_menu"> HOMME </div>
</div> |
avec le css :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
.sous_menu {
float: left;
display: block;
color: #666;
height: 20px;
line-height: 20px;
font-weight: bold;
}
.sous_menu_over {
float: left;
display: block;
color: #FE690F;
font-weight: bold;
height: 20px;
line-height: 20px;
background: url(images/triangle_repere_orange.gif) bottom center no-repeat;
} |
Mais si je mets un autre p ou div après celui ci-dessus, le texte contenu dedans se mets à côté du précédent (commi si il avait un float:left lui aussi.
Comment faire pour le mettre en dessous ???
Récap de mon code :
Code:
1 2 3 4 5 6 7 8 9
|
<div id="sous_menu">
<div class="sous_menu"> FEMME </div>
<div class="sous_menu"> LINGERIE </div>
<div class="sous_menu"> ENFANT </div>
<div class="sous_menu_over"> SPORT </div>
<div class="sous_menu"> HOMME </div>
</div>
<p>-----------------------------------------------------</p> |
Je voudrais que mon p avec les --------------- vienne sous le menu !!
Merci d'avance !