IE 6 with an Absolute Bottom

IE 6 is über lame. All these hacks you have to do just to get CSS to work properly on it… ech!

So, you’d like to use absolute positioning with a bottom attribute? Works great in every browser, EXCEPT IE 6 (of course).

Here’s the workaround: Use margin-top with a negative number in pixels.

That’s it!

So instead of:

#myThing{position:absolute;bottom:20px}

I’ll use:

#myThing{position:absolute;margin-top:-20px}

BooYah!

Discussion Area - Leave a Comment