WN - meny fel i IE

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - meny fel i IE (https://www.wn.se/forum/showthread.php?t=30318)

Hej,

Kod:

#mainmenu{

        width:100%;

        padding:10px;

        background:#a9a191;

}



#mainmenu ul{

        width:940px;

        margin:0 auto;

}



#mainmenu li{

        list-style-type:none;

        display:inline;



}



#mainmenu li a{

        padding:15px;

        color:#fff;

        padding-left:20px;

        padding-right:20px;

        background:none;

        text-decoration:none;

        font-family:Arial, Helvetica, sans-serif;

        text-transform:lowercase;

        font-weight:bold;

        font-size:12px;

}



#mainmenu li a:hover{



        color:#000;

        background:#fff;

        border-top:3px #a9a191 solid;

}

Detta fungerar inte i ie? Hur ska ja göra så att padding fungerar i ie med?

Har inte testat din kod, men du kan inte sätta padding på ett inline-element. Lägg till "display:block;" för a-elementet. Kanske sätter ändå "display:inline;" som du har på li-elementet käppar i hjulet, men då kan du testa "display:block;float:right;" på li istället. (display ska inte göra skillnad för ett float-element, jag vet, men för MSIE<7 spelar det roll.)