This is still a problem... It is happening only in IE. Here is my HTML and CSS...
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JRC Webs - Syracuse Web Design</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a {
font-family: "Courier New", Courier, monospace;
font-size: 24px;
font-weight: bold;
}
a:link {
text-decoration: none;
color: #FFF;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #CCC;
}
a:active {
text-decoration: none;
}
body,td,th {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
</style>
</head>
<body>
<div class="toppiecediv">
<div class="linkdiv">
<center><ul><a href="template.html">Home</a></ul>
<ul><a href="template.html">FAQ</a></ul>
<ul><a href="template.html">Services</a></ul>
<ul><a href="template.html">About</a></ul>
<ul><a href="template.html">Contact</a></ul></center>
</div>
</div>
<div class="bodydiv"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<br />
<br />
</body>
</html>
________________________________________
This is the CSS
body {
margin: 0px;
padding: 0px;
background-color: #000;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}
.bodydiv {
background-color: #CCC;
margin-left: auto;
margin-right: auto;
width: 800px;
}
.toppiecediv {
height: 400px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-image: url(images/toppiece.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}
.linkdiv {
height: 50px;
width: 800px;
margin-right: auto;
margin-left: auto;
color: #FFF;
}
ul {
display: inline;
margin-right: 25px;
position: static;
}
