Submenu display differs in IE7 than other browsers

Discussion in 'CSS' started by fAdEd247, Feb 24, 2010.

0
  1. #1
    Hi,

    My menu displays correctly in IE8, FF3.5+, Opera, and more. While using IE developer tooks, I set the browse mode to IE7, and noticed my submenu items width's looked very bad in IE7.

    How can I correct this without effecting the display in other browsers?? My site is infinitesolutionsonline.com

    Thanks

    Ty
     
    Last edited: Feb 24, 2010
    fAdEd247, Feb 24, 2010 IP
  2. dylanmills

    dylanmills Peon

    Messages:
    50
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It looks like you are applying a padding (#mymenu li {padding:0 10px}) and a width (.width5 {width: 23%}) which is treated inconsistently across browsers. Most browsers use the width you specify and put the padding within that width. Older versions of IE, however, add the padding to the width so the new width of the menu item becomes 23% + 10px.
     
    dylanmills, Mar 5, 2010 IP
  3. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #3
    Not most--all. You are talking about quirks mode but that doesn't apply here.
     
    drhowarddrfine, Mar 5, 2010 IP