LIs and strange margin/padding in Internet Explorer

June 28, 2006

While reworking my HTML in ClockingIT to support TaskList reordering with Drag and Drop, I ended up with some strange padding around empty LI’s used to make sure a tasklist never ends up empty (to work around a dropOnEmpty problem with Prototype/Scriptaculous). After several hours of trying just about everything, it seems IE decides that and empy LI needs to have some content after all, and that empty content makes IE refuse to set an height on the LI lower than the font-size inherited by the LI. Forcing

style="font-size: 1px; and line-height: 0px;"

on the empty LIs fixed the problem.

One Response to “LIs and strange margin/padding in Internet Explorer”

  1. ~Elia Says:

    I’ve done a similar webapp, let’s try it: , I’m intrested on whatever you think about it… perhaps we can collaborate 😉

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: