CSS menu is flickering when scrolling through it with hover effects

Posted by kritop on Stack Overflow See other posts from Stack Overflow or by kritop
Published on 2010-05-11T19:08:22Z Indexed on 2010/05/11 19:24 UTC
Read the original article Hit count: 191

Filed under:
|
|

I hope i described the problem well!? You can see it here:

http://dealmob.de/index_dev.html

when u hover over the menu up and down fast u see the that its not staying, insteads its flickering like you would change the margins/paddings by few pixels.

Any advice on how to solve this problem?

thanks a lot

like requested:

        #topcities {
            float:right;
        }  

        #topcities li {
            padding-left:5px;
            width:100px;
        }
        #topcities li:hover {
            cursor:pointer;
            color:#000;
            background: url(images/hover_menue_back.jpg) repeat-x #FFF;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border:grey 1px solid;
            width:100px;
        }

© Stack Overflow or respective owner

Related posts about css

Related posts about hoverintent