My website open fine in pretty much everything except IE (Ie is terrible). I tried to use the “if ie” stylesheet link but its not working. Help please. Test server is http://ivorygaming.clanservers.com/debuhrs
<html>
<head>
<title>deBuhrs Seed & Feed</title>
<!--[if lt IE 8]>
<link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
</head>
<body bgcolor="#070707">
<div id="navbar"><ul id="navbar">
<li><a href="index.html"><span id="green">H</span><span id="white">ome</span></a></li>
<li><a href="about.html"><span id="green">A</span><span id="white">bout</span></a></li>
<li><a href="staff.html"><span id="green">S</span><span id="white">taff</span></a></li>
<li><a href="products.html"><span id="green">P</span><span id="white">roducts</span></a></li>
<li><a href="contact.html"><span id="green">C</span><span id="white">ontact</span></a></li>
</ul>
<div id="logo"></div>
<div id="front"></div>
<div id="side"></div>
<h2>New Website</h2>
<hr color="#b9bab9" width="60%" align="left" height="50%">
<p class="postinfo">posted by Bernie deBuhr at 10.39 p.m. Sunday, July 4th, 2009</p>
<p class="content"> deBuhr's Feed and Seed is a 4th generation retail store located in downtown Mattoon. We sell a huge selection of pet feed and supplies, horse feed and other livestock feed along with many products for your lawn and garden. We are service oriented.deBuhr's Feed and Seed is a 4th generation retail store located in downtown Mattoon. We sell a huge selection of pet feed and supplies, horse feed and other livestock feed along with many products for your lawn and garden. We are service oriented.deBuhr's Feed and Seed is a 4th generation retail store located in downtown Mattoon. We sell a huge selection of pet feed and supplies, horse feed and other livestock feed along with many products for your lawn and garden. We are service oriented.</p>
<div id="bottom"></div>
<div id="container"></div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
text-align: center;
}
#container {
width: 1024px;
height: 15px;
margin: 0 auto 0 auto;
text-align: left;
}
#logo {
height: 112px;
width: 702px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 1000px;
margin-left: -200px;
background: #FFF url('images/logo.png') ;
}
#front {
height: 269px;
width: 619px;
padding-bottom: 0px;
padding-top: -500px;
margin-top: -500px;
margin-left: 5px;
background: #FFF url('images/front.png') ;
}
#side {
height: 444px;
width: 312px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -269px;
margin-left: 700px;
background: #FFF url('images/side.png') ;
}
#block {
height: 25px;
width: 111px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -177px;
margin-left: 10px;
background: #FFF url('images/block.png') ;
}
#block1 {
height: 25px;
width: 111px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -25px;
margin-left: 124px;
background: #FFF url('images/block.png') ;
}
#block2 {
height: 25px;
width: 111px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -25px;
margin-left: 238px;
background: #FFF url('images/block.png') ;
}
#block3 {
height: 25px;
width: 111px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -25px;
margin-left: 352px;
background: #FFF url('images/block.png') ;
}
#block4 {
height: 25px;
width: 111px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -25px;
margin-left: 466px;
background: #FFF url('images/block.png') ;
}
#navbar ul li {
padding-left: -10px;
position: relative;
display: inline;
padding-top: 383px;
color: #FFFfff;
float: left;
font-size: 10pt;
font-family: arial;
font-style: italic;
margin-left: 15px;
}
#green {
color: #9bf006;
font-size: 11pt;
font-family: arial;
font-style: italic;
}
#white {
color: #c8cbc3;
font-size: 9pt;
font-family: arial;
font-style: italic;
}
a {
text-decoration:none;
color:#930;
border-bottom: 1px solid #5b8c04
}
h1,h2,h3,h4,h5 {
margin:0;
text-align:left;
color:#9bf006;
font: arial;
margin-top: -100px;
margin-left: 15px;
}
p.postinfo {
margin:0;
text-align:left;
color:#a0a19e;
font: arial;
margin-top: 0px;
margin-left: 35px;
font-size: 8pt;
}
p.content {
margin:0;
text-align:left;
color:#c6c6c6;
font: arial;
margin-top: 15px;
margin-left: 40px;
font-size: 10pt;
width: 600px;
height: 200px;
}
p.phone {
margin:0;
text-align:left;
color:#c6c6c6;
font: arial;
margin-top: -180px;
margin-left: 40px;
font-size: 10pt;
}
p.email {
margin:0;
text-align:left;
color:#c6c6c6;
font: arial;
margin-top: 3px;
margin-left: 40px;
font-size: 10pt;
}
#bottom {
height: 269px;
width: 619px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
margin-left: 5px;
background: #FFF url('images/bottom.png') ;
}