Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    div resize problem IE

    This might be a newb question, but that's because...well...I'm a newb
    Anywho, I've got a horizontal navbar and the links work fine on Firefox, but in IE7 when you hover over the links, the whole div resizes (gets higher)...here's the code...


    HTML -

    <div id="globalNav">
    <a href="#">Home</a> <a href="#">Banners</a> <a href="#">Lettering</a> <a href="#">Magnetics</a> <a href="#">Commercial</a> <a href="#">Miscellaneous</a> <a href="#">Custom</a>
    </div>

    CSS -

    #globalNav{
    float: inherit;
    white-space: nowrap;
    width: 750px;
    min-width: 750px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #3366FF;
    border: solid #000080;
    }

    #globalNav a, a:link, a:visited, a:hover {
    display: inline;
    font-size: 115%;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #FFFF00;
    text-decoration: none;
    padding: 0 .5em;
    }


    Any suggestions?

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Works fine when I test it locally; do you have a link set up?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •