Ah, bugger it…. there’s a difference between the way IE and Fx handle padding & margins in relation to the over all size of div tags. IE uses an additive method while Fx (And every other browser out there that isn’t IE on Windows) use an inclusive method.
Eh?
Let’s say I have a div tag for my sidebar called , sidebar. And I define the width as 150px. Now, I also include a margin of 50px for the div. Fx, still sets the width of the div tag at 150px, but resizes it internaly, so that the internal size of the div tag is now reduced. IE on the other hand will ADD 50px to the width of the div tag, making it 250px (50 on the left, 50 on the right, plus the original 150px.)….. You can quickly see how this can go south on you in a heartbeat….. the solution? IE hacks (pthooey!) to make IE behave right. the website https://www.positioniseverything.net/ has got some tutorials on dealing with this.
-tg