Extra Space in IE6...

Messing up my form layout...

[kickatruckxxx]

I am having some spacing problems. I am setting up a form in for a php project. This is the first time I have use strictly CSS to layout something, but I am getting tons of extra spaces after each element I add in the main content area.

the example is here:
<Sorry, no personal URLs. See TOS [webmasterworld.com]>

Any suggestions?

Thank you...

[edited by: tedster at 9:48 pm (utc) on Mar. 16, 2004]

[Bonusbana]

Please provide the importand part of the code, they dont like personal URLs here (and I agree).

[kickatruckxxx]

Here is the CSS minus the design stuff, this is the layout aspect. It is essentially a centered piece 650 pix, with a top banner, and then a split column underneath. One ~150px and one ~500px. Inside the main column (body 500px) I am trying to format a form so that the labels are each in one div ~100px and then the form element (texybox radio or drop) are each in one right next to it, but all start the place, so the design is clean... Any suggestions...

<style type="text/css">

@import "design.css";

#frame {
width:650px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}

#contentleft {
margin-right: 5px;
margin-top: 5px;
width:143px;
padding: 0px 0px 25px 0px;
float:left;
background: #F3FFD5;
border: 1px dashed #889E50;
}

#contentcenter {
margin-left: 5px;
margin-top: 5px;
width:492px;
padding: 0px 0px 25px 0px;
float:left;
background: #F3FFD5;
border: 1px dashed #889E50;
}

#contentheader {
margin-bottom: 5px;
background: #F3FFD5;
border: 1px dashed #889E50;
}

#contentheader h1 {
font-size:12px;
padding:20px;
margin:0px;
}

#formtitle {
width: 100px;
margin: 0px;
float: left;
padding: 3px 0px 25px 0px;
position:relative;
}

#formelement {
width: 350px;
margin: 0px;
float: left;
padding: 0px 0px 25px 0px;
position:relative;
}

</style>