CSS - using a: hover changes layout in IE ? Is this a known bug ?

Discussion in 'HTML' started by false-name, Oct 12, 2005.

  1. false-name

    false-name Guest

    is this a known IE bug/quirk ?

    a not-very-complex web page with several <div>
    ( some of those <div> nested )
    with navigation by menu links down the left and near the top

    using CSS a:link and a:hover
    to modify link color and background-color

    running on WinXP SP2
    all seems fine in Mozilla browsers and Opera 8.5

    but in IE6 - hovering over a link *sometimes* changes the page layout
    slightly by changing the margin of a different div in an unconnected
    part of the page, with no obvious reason for this


    removing all the a:link and a:hover rules from the CSS file
    removes this quirk completely

    admittedly it's a very small effect, but it just looks *amateurish*
    when the page is viewed in IE...

    thanks in advance :)
     
    false-name, Oct 12, 2005
    #1
    1. Advertisements

  2. Don't thank use yet false-name, we cannot do much without a URL to 'see'
    this problem to have any idea what the cause could be....
     
    Jonathan N. Little, Oct 12, 2005
    #2
    1. Advertisements

  3. false-name

    rf Guest

    URL?
     
    rf, Oct 12, 2005
    #3
  4. false-name

    false-name Guest


    er...
    I think I've "solved" it

    I went back through the CSS and noticed that not all of the <div>
    elements had a width: specified...

    setting width: on all the elements...
    er...
    solved it...
    :)
     
    false-name, Oct 12, 2005
    #4
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.