Hello all, I'm having an issue with IE7 (go figure) and can't seem to figure out what's causing the problem (other than it being IE). But enough IE bashing, here's the issue:
I have a menu that uses a <ul> structure. I've styled the CSS to display it the way I want it to and it looks great in FF and Safari. The problem is that IE is adding a few pixels of padding or margin after each <li> and I can't figure out why. I'm hoping that fresher eyes than mine can spot something that I've been overlooking. Also, unless the solution is in the HTML, please disregard the craptacular HTML. I'm stuck with this CMS and am hoping to move to cleaner HTML, it just isn't happening yet. The <ul> is generated by the CMS and looks to be structurally sound. Page: http://www.jhsph.edu/_beta/2009.04.24_MPH/index.html CSS: http://www.jhsph.edu/se/styles/out/578366A6A9400AAC4BCD995BC1037773.css There are 2 others sections of CSS, however, I don't think they have anything to do with this display discrepancy as they are on almost every page of the site and I've yet to have them cause issues in the past. However, if you need to see them: one's embedded in the <head>, the other is here http://www.jhsph.edu/custom/mod_sitesearch/_includes/css/overlay.css Thanks in advance! Mike ______________________________________________________________________ css-discuss [[email protected]] 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/
