Re: [css-d] IE7 showing gap

[Alan Gresley]

On 20/02/2012 1:02 PM, e...@copywritecolombia.com wrote:
Hi thanks phu but that doesn't work, the navigation doesnKt have a gap on ie8 
or 9 or ff - only on ie7, according to my 3rd party program:
  http://alluresurgerycenter.com/ie7.jpg

  Why is there this gap in ie7?
  www.alluresurgerycenter.com

  Thank you

This should work to remove the gap.

#suckerfishnav li li {
    /* width:220px;      DELETE THIS WIDTH */
    font-weight:bold;
    font-family: �Trebuchet MS�, sans-serif;
    font-size:14px;
    font-weight:normal;
}

If that affects good browsers, use this instead to target IE7.

*+html #suckerfishnav li li {
    width: auto;
}

Take note that IE7- do not like Suckerfish menus with certain styles. 
Please see these pages to understand why.

http://css-class.com/test/bugs/ie/calculated-offset-bug2.htm
http://css-class.com/test/bugs/ie/recalculatedoffsetbug.htm
http://css-class.com/articles/explorer/sticky/

If you didn't have this style,

#suckerfishnav li li:hover {
background-image: 
url("http://www.alluresurgerycenter.com/images/ul_bg.png";);
}

you may have been asking why your menus were sticky in IE7.


--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/