Hiya...

I'm making a Wordpress theme based on the default Kubrick one, but somehow the footer div is shifted in IE. Maybe it has to do with the width or padding or something, but when it's fine in IE, it's not fine in Firefox. :/

http://home.ripway.com/2003-11/38021/ilovepastels/

That's the test page, there's also some CSS code in the index page itself.

Thanks in advance!

I just learned this myself... Firefox and IE display pixels differently, so it's really hard to make CSS layouts that look good in both browsers. >_<

I just learned this myself... Firefox and IE display pixels differently
not really true- a pixel is a pixel is a pixel.

however, IE and Firefox do "interpret" things differently- as in, whether the padding/margin are included in the width you specify and that sort of thing.

Yes yes, but this isn't really helping...

IE is really annoying. X|

Problem solved. Thanks to my friend Tiffany (http://www.maidensoul.net/):

#div {
/* FF and IE both read this */
}
* html #div {
/* only IE reads this, and whatever is in here overrides what came before */
}

It's a "cheat" to make different CSS codes for Firefox and IE.