[CSS] IE's white space at the bottom of main div

[Sic]

really sorry to keep asking all this CSS stuff - i've googled, but not been able to find anything about this - it's only in IE that i've found this.

large image

i've put a border around it so it's possible to see what's happening, my main div:

#container {
width : 780px;
margin : 0 0 0 0;
padding: 0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border-style: solid;
border-width: 1px;
}

has a load of white space at the bottom, and yes, it's only the container because i've put borders around all the internals and they're all perfectly proportioned. can anyone see what i've obviously done wrong, as i honestly can't see it

 

[Sic]

that changing everything to 1 '0' didnt do anything. i've gone through the painful task of uploading it all (no ftp here )

this is what it looks like (with the border, so you can see what i mean)...really really frustrating

 

[Sic]

that's because that's only using the IE stylesheet (i have a stylesheet for each browser, it's supposed to make it easier on the CSS...supposed )

 

[Sic]

well, evidently it is quite difficult, because that * margin padding thing didnt work. i've had a further look around, and it seems that if you use relative positioning, it makes the boxes all gay. i would use absolute positioning, but surprise surprise, i can't absolute position it in the container div...that's what relative positioning's for! i think i'm actually going to tear my hair out - i cant find an answer as to why this is doing this why does IE have to be SO different?!

 

[Sic]

To absolute position elements inside #container, relative to the edges of #container, give it a position property by assigning it position: relative; .

that's what i'm doing, but it's creating a tonne of white space at the bottom of the div

Relative and IE dont work well.

I would float the left column left, & the right column right in the container

so, you're saying that there's no way to do it? i need to be able to have 100% control over the objects in that div, they need to be precisely in the right place, and there's no way i can do that (as far as i'm aware) without relative positioning

 

[Sic]

yeah, but floating isn't going to work because i need to be able to budge things around and position paragraphs within divs. i refuse to believe that internet explorer is so retarded as to mess up this much with relative positioning.

also, that's just a temporary link, open this in Firefox...that should work (it was done in Fx mac...so it *should* be ok)

 

[Sic]

yeah, i assumed that the reason i was getting all this whitespace is because i'm leaving it all behind. so if i give #container a position:relative attribute, it'll allow anything inside it that's position:absolute to be relative to container? or have i missed something?

 

[Sic]

omg Augmented, you appear to have struck again - it seems to be working (although i'm having to go through and re-position everything, it's a damn site better than having no solution at all!!)

i take my hat off to you, yet again.

thanks to everyone else for your suggestions