Float right is making background-color disappear in IE while hovering.

Posted by janoChen on Stack Overflow See other posts from Stack Overflow or by janoChen
Published on 2010-05-12T04:28:36Z Indexed on 2010/05/12 4:34 UTC
Read the original article Hit count: 169

Filed under:
|
|

Everything works OK in this language menu: http://alexchen.co.nr/beta (top right of the page). But I want the li elements to float to the right. But when I add float:right to #lang li a the background-color stop working while hovering when I hover them in IE7.

#lang {
    float: right;
    padding: 50px 25px 0 0px;
    margin: 0 0 0 0px;
    width: 295px;
}
#lang li {
    font-size: 10px;
    width: 325px; /*ie hack */
}
#lang li a {
    color: #FFF;
    padding: 5px 25px 5px 249px;
    line-height: 220%;
}
#lang li a:hover {
    color: #444;
    background-color: #FFF;
}
#lang li.current a {
    color: #444;
    background-color: #FFF;
    cursor: default;
}

© Stack Overflow or respective owner

Related posts about float

Related posts about hover