Comments on: CSS Horizontal Menu: Firefox whitespace bug

By: craven

craven — Sat, 23 Aug 2008 15:13:52 +0000

My mistake, classic coding typos make all the difference.
Your fix works and works great.
Still not sure why I haven’t found this behavior documented elsewhere.

Thanks for the write up, the fix, and the follow up.

By: admin

admin — Wed, 20 Aug 2008 14:12:13 +0000

Really? I just copied and pasted my code above, saved it into “list.html”, opened it with FF3 and it works fine.

You might want to make sure that you’re using the correct (ie: strict) Doctype - that might have something to do with it.

On a side note, I’m noticing that there is indeed a discrepancy with the way IE7 displays this: it still has a whitespace bug, but it’s not on the outside of the box (to the right of the border) - it’s on the inside of the box. Bloody hell. But less annoying than the FF behaviour.

By: craven

craven — Tue, 19 Aug 2008 04:44:12 +0000

sorry for trolling, but this was driving me crazy and your blog is the only resource that I can find on it.
FF3 seems to ignore the display:table “fix” and it puts the white space between the li items.

any other ideas for fixes besides running all the items together with nothing in between them?!