Contact form displaying diffrently between ie9 and firefox- Div not nesting properly in firefox

[samborine]

Hi,
This is my first post so please bear with me.
First off I’ve tried to validate the page and as far as i can see the errors coming up are unrelated to the problems i am having.( All the errors refer to the actual contact for inside the middle2 div. And i have no idea how to fix them, but i’ll tackle that later.)I’ve also used the doctype suggested ( “http://www.w3.org/TR/html4/strict.dtd”>)
My problem is:
I have a div called .middle2 that is supposed to go inside the #box. this happens on IE9 no problems.
In firefox it is displaying outside #box.

I’ve counted the so many times and as far as i can see ie9 is rendering correctly and firefox is not. I am using firefox 12.0.

I’ve whittledthe css down a bit but left the html as is just in case its something in the form thats making it display like that.. None of the other pages on the site are having the same problem.
website is pclean.com.au/contact-us.html
HTML is
[ "http://www.w3.org/TR/html4/strict.dtd">



Home
Company Profile
Services
Complete Units
Accessories
Repair and Maintenance

Contact Us

Contact us

Peter Linton: 0408 580 000Fax : 07 3395 8458

For advice on products, services or to discuss a free quote, please contact Peter Linton Fields marked with * are mandatory.
Full Name *
Email Address *
Telephone Number
Your Message *
To help prevent automated spam, please answer this question * Using only numbers, what is 10 plus 15?
Form provided by Free Contact Form


]

page CSS, doesn’t include the form css.

[/*
Pcss Style Sheet
*/

body{
background:#fff;
font-family: "Times New Roman", Times, serif;
font-size:15px;
color:#333;
}

#wrapper{
position:relative;
width:960px;
margin:0 auto;
}

#header{
position:relative;
margin:0 0px 0 -30px ;
width:960px;
padding:20px 0px 30px 0;
height:50px
}

#box{
position:relative;
top: 90px;
padding:20px 10px 40px 10px;
width:885px;
margin: 0px 0px 0 6px;
border-radius: 30px;
border:20px solid #ee1c25;
background-color:#FFFFFF;
min-height: 800px;
}

.current a:link,.current a:visited, .current a:hover, .current a:active{color:#ee1c25;
background-color:#fef200;
border:1px solid #000;}

.middle2 a:visited{
color:#ee1c25;
background-color:#ffffff;
font-weight: normal;
}

.back{
clear:right;

}
#box .back a:link{
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
color:#fef200;
background-color:#ee1c25 ;
max-width:80px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 500px ;
text-decoration:none;

}

#box .back a:visited{
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
color:#fef200;
background-color:#ee1c25 ;
max-width:80px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 500px ;
text-decoration:none;

}

#box .back a:hover{
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
color:#ee1c25 ;
background-color:#fef200;
max-width:80px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 500px ;
text-decoration:none;

}
#box .back a:active{
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
color:#ee1c25 ;
background-color:#fef200;
max-width:80px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 500px ;
text-decoration:none;
}
.left{
width: 25%;
padding: 10px;
float:left;
}

.middle2{
width: 65%;
margin: 0px 0px 0px 300px;
padding: 10px;
}

.middle2 a:link,.middle2 a:hover,.middle2 a:active,{
font-family: "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
color:#0000FF;
background-color:#ffffff;
}
.middle2 a:visited{
font-family: "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
color:#ee1c25;

background-color:#ffffff;
}

.image001{
margin: 0px 0 0 30px ;
}

.contact{
margin:20px 0 0 0;
border-radius: 30px;
border:2px solid #000;
background-color:#fef200;
}

.image002{
margin: 0px 0 0 45px ;
}

.product{
border-bottom: 1px solid #a2a6a6;
padding:10px 0px 6px 10px;
}

.product img{border:1px solid #000;
margin: 0 20px 0 0;
}

.product2 img{
float:left;
}

.product h2{
margin: -4px 0 0 0
}

.leftcontact{
margin:0px 0 0 25px;

}

.text{
margin: 0 0 0 185px;
}

[Author]

Posts