28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voici mon problème. j'ai une liste dont les items sont en position relative pour accueillir un texte lui même en position absolute et en bottom = 0 pour être collé a la partie inférieure de mon item. J'obtiens ce que je veux mais une marge apparait en dessous de chaque item sous IE6 et IE7. (J'ai vraiment pensé à virer toutes les margin et padding existant).

#menu {
	height: 637px;
	width: 83px;
	font-size: 8pt;
}
.menulist{
width: 83px
}

li {
border: #000 1px solid;
height: 50px;
}

.menulist{
	list-style-type: none;
}
.btpos{
	position:relative;
}
.menulink{
	display:block;
	position:absolute;
	bottom: 0;
	width:100%;
	text-align:center;
}



<ul class="menulist">
        <li class="btpos"><a href="#" class="menulink">Lorem</a></li>
        <li class="btpos"><a href="#" class="menulink">Ipsum</a></li>
        <li class="btpos"><a href="#" class="menulink">Sit</a></li>
        <li class="btpos"><a href="#" class="menulink">Dolor</a></li>
        <li class="btpos"><a href="#" class="menulink">Amet</a></li>
      </ul>


http://malmamathla.net/misc/tst.html <<< voila un exemple live Smiley smile