Stretching LI and contents

views:

answers:

Stretching LI and contents

Please consider this site.

I'm having trouble stretching the submenu list items in IE7. Notice that when you hover over one of the LIs under Restaurants, the green doesn't fill the whole line. I've tried {width: 100%}, but that didn't help.

Any ideas why this is OK in Firefox but not IE? And how to fix it?

Thanks.

UPDATE: I can get it to look right if I explicitly specify a width (like 51px), but I definitely don't want to do that in a layout that should be able to support dynamic content.

remove padding-left and padding-right from .nav A (includes/styles/styles.css) or make it more precise, or add padding: 0; to your ".nav .dropMenu a" selector.

M. Utku ALTINKAYA 2009-08-26 19:43:58

If you actually looked at the code, you'd see that it already is in display block style and left/right padding and margins are already at zero. Doesn't seem to help.

Kon 2009-08-26 19:51:21

sorry did not notice the link

M. Utku ALTINKAYA 2009-08-26 20:30:25

I looked the code and edited the answer, there is actually padding in your A. Check it.

M. Utku ALTINKAYA 2009-08-26 22:32:56

Yes, padding, but not margins. The background color still spans across the padding. That wasn't quite it, but I did figure it out. Thanks.

Kon 2009-08-27 13:10:45

Have you tried giving hasLayout property to the problematic li's or ul? Try adding { zoom: 1; } to them.

n1313 2009-08-26 19:59:43

I tried that, but it didn't help. However, I noticed in IE Developer Toolbar that hasLayout is still set to -1.

Kon 2009-08-26 20:07:16

+1 A:

I figured out that my issue was dropMenuParent had a background color set. Once I removed that (because it was completely unnecessary), no more black showed up around the green (selected item color). Silly mistake.

Kon 2009-08-27 13:13:24

ansaurus

tags:

views:

answers:

Stretching LI and contents

related questions