browser problems

[ralitza]

http://www.iankovi.com/newfolder/index.html

css:
iankovi.com/newfolder/sponsi.css

".menucontainer" has a correct left margin in ie, but not in firefox nor opera
.menucontainer {
display: block;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #999999;
width: 200px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
}

same with "heading"
#heading {
height: auto;
width: 226px;
display: block;
float: left;
background-image: url(images/sponsi.png);
background-repeat: no-repeat;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}

the middle column ".middlecontainer" which "sign up now" starts off looks different in ie, then in firefox and opera. the fields align as they should in firefox, and opera but not in ie. if i remove the css "input2" they align fine in ie, but not in firefox nor opera.

.input2 {
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial;
font-size: 11px;
font-weight: normal;
color: #666666;
border: 1px solid #EEEEEE;
width: 185px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
display: inline;
height: 18px;
}

#middlecontainer {
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #999999;
width: 200px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 18px;
}

thanks in advance

[DumberDrummer]

They look essentially the same to me in both browsers, no major differences. The only thing I see is that the drop down menus look better in FF than in IE, because the light grey border is preserved in FF.

, nothing seems to be wrong.