This Div has no padding

• In IE You can see that the DIV above has a white line at the end.
• In Mozilla you will see the other DIVS overflowing the body!!
• The problem is that if you set the padding for one div, you have to set it for all of them !!!
• the bottom DIV has horizontal padding which makes IE mess it up so you have to specify padding for all your divs!!
• It must be because you are affecting what IE thinks of as being 100% of the width. All the DIVS that are incorrect ahve width:100% set. because one of the DIVS has oferflowed this, what IE thinks is 100% is no longer true!
• not only that but it makes a wierd horizontal scroll bar appear!! (only in IE)
• click here for a working one.

I can put lots of text in it like this so it overflows the edges. and it still doesnt work !!!

This DIV has horizontal padding set (padding-left) set to 40px and it looks ok !!! AAAAARGH