Grow your CSS skills. Land your dream job.

Flicker on men hover

  • # April 3, 2009 at 1:36 am

    I am getting a nasty flicker when hovering over a menu item in my wordpress site I am building for a client. I am trying to get the header image to change when each menu item is hovered over, and I have it pretty close, but both the menu item and the header image flicker really badly in both IE7 & FF3. The menu item I’m testing is the Contact page. Here’s my code:

    Code:
    .page-item-11 a:hover {
    background: url(http://www.myvegasrd.com/wp-content/themes/poetry/img/header-contact2.jpg) no-repeat;
    position: relative;
    z-index: 999999;
    top: 0; left: 0;
    width: 480px;
    height: 222px;
    margin: 0 auto;
    margin-top: -307px;
    margin-left: -432px;
    text-indent: -999999px;
    padding: 20px;
    }

    The site is http://myvegasrd.com Just hover over the Contact page menu item and see what I mean. Any help would be greatly appreciated. Thanks.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".