No replies
samborine
samborine's picture
Offline
newbie
Last seen: 10 years 9 weeks ago
Timezone: GMT+10
Joined: 2012-06-09
Posts: 4
Points: 7

Hi,
I have an extra div appearing in ie9. The address is Http://www.pclean.com.au/contact-us.html
at the bottom of the left navigation in ie9 there is a thin button appearing. It does not happen in firefox 12.0. when i investiagated it with webdeveloper it seemed that the div above ( current) was inserted twice. but it isn't in the code. I've put inb the proper doc type and tried to validate the code, but i don't understand the errors that are being returned. as far as i can see the validation is wrong, so i'm assuming that it isn't and i have no idea whats happening.

If someone could help me with this just once, i'm a quick learner and wouldn't need help again.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Contact Us</title>
	<script src="freecontactformvalidation.js"></script>
	<script>
	required.add('Full_Name','NOT_EMPTY','Full Name');
	required.add('Email_Address','EMAIL','Email Address');
	required.add('Your_Message','NOT_EMPTY','Your Message');
	required.add('AntiSpam','NOT_EMPTY','Anti-Spam Question');
	</script>
	<link rel="stylesheet" type="text/css" href="freecontactform.css"><link rel="stylesheet" type="text/css" href="pcss.css"/> 
</head>
<title>Pressure Cleaning Sales and Service-Contact Us
</title>
 
 
 
<body>
<div id="wrapper">
<div id="header">
        	<a href="index.html"><center><img src="images/header.gif" alt="Pressure Cleaning Sales and Service" /></center></a>
</div>
        	<div id="box">
 
 
 
 <div class="left"><div class="nav"><center><a href="index.html">Home</a>
 <a href="company-profile.html">Company Profile</a>
 <a href="services.html">Services</a>
 <a href="complete-units.html">Complete Units</a>
 <a href="accessories.html">Accessories</a>
 <a href="repair-and-maintenance.html">Repair and Maintenance</a>
   <div class="current"><a href="contact-us.html">Contact Us</center></a></div>
   <div class="image002"><img src="images/image001.gif" alt="Interpump" /></div>
   <div class="leftcontact"><div class="contact"><p><center><h1>Contact us</h1></p><p>Peter Linton: <b>0408 580 000</b></br>Fax : <b>07 3395 8458</b></br></p></center></div></div>
   </div></div>
<div class="middle2">
 
 
 
 
</div></div>
 
 
 
 
 
</body>
</html>

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;
}
h1{
	font-size:20px;
	font-weight:bold;
	text-decoration:underline;
}
 
h2{font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
h2{font-size:20px;
	font-weight:normal;
	text-decoration:none;
}
 
 
 
.nav a:link{
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
color:#fef200;
background-color:#ee1c25;
width:120px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 0 ;
text-decoration:none;
min-width:240px;
}
 
.nav a:hover{
color:#ee1c25;
background-color:#fef200;
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
width:120px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 0 ;
text-decoration:none;
min-width:240px;}
 
.nav a:active{
color:#ee1c25;
background-color:#fef200;
display:block;
font-family: georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15px;
width:120px;
border-radius: 30px;
text-align:center;
border:1px solid #000;
padding:4px;
margin: 10px 0 10px 0 ;
text-decoration:none;
min-width:240px;}
 
.nav a:visited:hover{
color:#ee1c25;
background-color:#fef200;
border:1px solid #000;
}
 
.nav a:visited{color:#fef200;
background-color:#ee1c25;
border:1px solid #000;}
 
.current a:link,.current a:visited, .current a:hover, .current a:active{color:#ee1c25;
background-color:#fef200;
border:1px solid #000;}
 
 
 
.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;