Comments on: Using Unordered Lists for Semantic Navigation in IE

By: Seb von Bischopink

Seb von Bischopink — Wed, 20 Dec 2006 12:57:31 +0000

Alex, this has been driving me insane. Thanks for the nice write-up.

By: Steve

Steve — Fri, 27 Oct 2006 21:46:41 +0000

Thanks so much for the tip! The extra padding underneath my li’s has been driving me CRAZY. I’ve forced every top and bottom margin and padding to zero throughout my CSS and couldn’t figure it out.

Thanks again!

By: Jeremy Dunck

Jeremy Dunck — Thu, 09 Dec 2004 18:30:51 +0000

You’re right of course. I should have followed along making code with your discussion.

Please consider reporting this issue to PPK’s Bug Report: Bug Report.

By: Alex

Alex — Wed, 08 Dec 2004 00:02:31 +0000

Jeremy: The example you mentioned — from the excellent Listutorial — doesn’t set the anchors to display:block. Setting them that way allows for a wider click-area but it causes IE to become confused (unless the fix is applied).

By: Jeremy Dunck

Jeremy Dunck — Tue, 07 Dec 2004 23:00:40 +0000

Well, it works in Standards Compliant Browsers, anyway (Firefox, Safari, and so on). But IE doesn’t cooperate; rather, IE insists on applying extra padding underneath each li element. This is not a subtle side-effect — you’d know it if you saw it, as it ends up adding around 1.0em blank space underneath each li element.

Well, apparently it’s too subtle for me; I don’t see the padding underneath these li’s. I’m using Win IE6SP1

What am I missing?