Unwanted repeating characters in IE [Archive]

PiuPiu

06-07-2007, 06:35 AM

Some of the text from the bottom div repeats itself (only when viewed in ie) i have no idea what the hell is wrong w/ it... i've never seen it happen before......
If anyone knows the reason please help me........ thank you

Page code:

<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="styles.css" type="text/css"/>
</meta>
<title></title>

</head>
<body>

<div id="wrapper">
<div id="wrapp">
<div id="top">
<div id="logo">
<img src="images/logo.jpg" width="250px" height="97px" style="float:left; border:none;" />
</div>
<div id="login">
<form method="post" action="#" id="loing">
<label for="e_mail">EMAIL:</label>
<input type="text" name="e_mail" id="e_mail" maxlength="30" size="32" class="inputtext"/><br />
<label for="password">PASSWORD:</label>
<input type="password" name="password" id="password" class="password" maxlength="30" size="32" />
<input type="submit" class="gray" value="GO"/><br />
<label for="remember" style="margin-right:105px;"><input type="checkbox" name="remember" id="remember" />REMEMBER MY PASSWORD</label>
</form>
<a href="#">FORGOT YOUR ID OR PASSWORD?</a><br />
<a href="#">REGISTER</a>
</div>
</div>

<div id="nav">
<ul>
<li><a href="#">HOME</a></li>|
<li><a href="#">MY PROFILE</a></li>|
<li><a href="#">ATHLETICS</a></li>|
<li><a href="#">ACADEMICS</a></li>|
<li><a href="#">SPORTS MEDICINE</a></li>|
<li><a href="#">TVZ EVENTS</a></li>
</ul>
</div>

<div id="left">

<div id="profile">
<h4>Profile</h4>
</div>
<div id="ad">
<h4>Advertisement picture</h4>
</div>
</div>

<div id="name">
<h4>Member Name</h4>
</div>

<div id="mid">
<div id="profpic">
<h4>profile picture</h4>
</div>

<div id="highlights">
<h4>hightlights</h4>
</div>
</div>

<div id="body">
<h4>info stuff</h4>
</div>
</div>
</div>
</body>
</html>

css:

html, body {
height: 100%;
}

body {
margin: 0;
font-size:10px;
font-weight:400;
text-align:center;
font-family: "Myriad Pro", Myriad, Arial, sans-serif;
color:#000;
background-color:#666666;
}

div#wrapper{
width:900px;
margin:0 auto;
margin-top:40px;
background-color:#666666;

}

div#top{
width:900px;
float:left;
background-color:#FFFFFF;
border-bottom:10px solid #666666;

}

div#logo{
width:300px;
float:left;
background-color:#FFFFFF;
}

div#login{
width:600px;
float:right;
text-align:left;
background-color:#FFFFFF;
}

div#login a{
color:#000000;
text-decoration:none;
padding-left:320px;
}

div#login a:hoover{
color:#CCCCCC;
}

div#nav{
width:900px;
float:left;
height:35px;
background-image:url(images/navback.jpg);
background-repeat:repeat-x;
border-top:solid 3px #FFFFFF;
border-bottom:solid 3px #999999;
font-size:12px;
color:#555555;
font-weight:bolder;
}

ul li{
display:inline;
}

li a{
color:#555555;
text-decoration:none;
padding:30px;
}
li a:hover{
color:#999999;
}

div#main-top{
border-top:3px solid #FFFFFF;
width:900px;
float:left;
background-color:#333333;
color:#ffffff;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}

p{
padding-left:10px;
}

h2{padding-top:20px;
padding-left:10px;}

div#main-bottom{
width:900px;
float:left;
background-color:#ffffff;
color:#333333;
font-size:12px;
font-family:"Verdana", Helvetica, sans-serif;
text-align:left;
}

div#footter{
width:900px;
color:#FFFFFF;
background-color:inherit;
font-size:10px;
float:left;
text-align:center;
}

.footter ul li{
display:inline;
}

.footter a{
color:#FFFFFF;
text-decoration:none;
padding:5px;
}

/*styling for the form*/
form{
padding-top:10px;
text-align:right;
width:370px;
float:right;
margin-right:20px;
}

.gray{
background-color:#666666;
color:#FFFFFF;
border:none;
width:30px;
height:25px;
font-weight:600;
}

.inputtext{
margin-right:32px;
background-color:#FFFFFF;
width:215px;
border:solid 1px #333333;
}

.password{
width:215px;
border:solid 1px #333333;
}

/*styles for profile*/

div#wrapp{
width:900px;
margin:0 auto;
margin-top:40px;
background-color:#ffffff;
float:left;
text-align:left;
}

div#left{
width:150px;
margin:10px;
float:left;
}

div#profile{
width:150px;
height:300px;
background-color:#CCCCCC;
color:#000000;
float:left;
}
div#ad{
width:150px;
height:245px;
margin-top:10px;
background-color:#336699;
float:left;
}

div#name{
width:700px;
height:25px;
margin:10px;
background-color:#CCCCCC;
color:#000000;
float:left;
}

div#body{
width:530px;
height:500px;
margin:10px;
background-color:#3300CC;
float:right;
}

div#mid{
width:150px;
margin:10px;
float:left;
}

div#profpic{
width:150px;
height:245px;
background-color:#336699;
float:left;
}

div#highlights{
width:150px;
height:245px;
margin-top:10px;
background-color:#00FF99;
float:left;
}