I have attached two float images on my site which are used as borders. But in IE the content gets pushed below the floating images. The site works fine in firefox, opera, safari, just not any IE’s.
any ideas?
here is my code
HTML
[CODE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Villa in the sun</title>
<link href=”css/master.css” rel=”stylesheet” type=”text/css” />
<link href=”css/layout.css” rel=”stylesheet” type=”text/css” />
<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”css/iefix.css” />
<![endif]–>
</head>
<body>
<div id=”wrapper”>
<img class=”iefix” style=”float:left; z-index:1;width:69px; height:772px;” src=”images/background-left.png” alt=”background” />
<img class=”iefix” style=”float:right; z-index:1;width:69px; height:772px;” src=”images/background-right.png” alt=”background” />
<div id=”header”>
<div id=”navMenu”><?php include (“includes/menu.html”); ?></div>
</div>
<div id=”contents”><br />
<p class=”text”>
<img src=”images/header.png” alt=”header” /><br /><br />
<span style=”font-size:16px; font-weight:bold;”>”Villa for sale!”</span><br /><br />
<span style=”font-size:1.5em;”>T</span>his is a lovely Country house set in Costa Calida which is on the Valle Del Sol valley, Murcia.
The villa itself sits in approx 2,700.sq metres of land, which is walled and fenced to give you privacy and security.
San Xavier airport also known as Murcia airport, is only a 15 minute drive making the Villa ideal for the Airport.
Murcia City is only 15 minutes away and the famous Torrevieja Town is only 40 min in the other.<br /><br/ >
The Villa is only a short distance from the Mar Menor which has a stunning inland sea, surrounded by over 20 beaches.
Also for all you keen Golfers there are several golf courses within minutes of the villa.
Which include the famous Polaris World and Mosa Trajectum and the all new 3 Molinos golf courses.<br /><br />
The villa is perfect for those who settling for retirement or just want a second home where they can relax and enjoy
the weather and scenary. Please browse through the site for more information on the villa.
</p><br />
</div>
</div>
</body>
CSS
[CODE]
@charset “utf-8”;
/* CSS Document */
html, body {
text-align:center;
font-family: arial, ‘lucida console’, sans-serif;
background-image:url(../images/background.jpg);
background-repeat:repeat;
z-index:0;
width:100%;
border:0px solid black;
}
#wrapper {
position:relative;
text-align:left;
width:860px;
border:1px solid black;
margin-left: auto;
margin-right: auto;
}
#header {
height:160px;
border-bottom:1px solid black;
background:#ffffff;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
z-index:0;
width:100%;
}
#contents {
width:100%;
border:1px solid black;
background:#FFFFFF;
background-image:url(../images/background-inner.jpg);
background-repeat:no-repeat;
background-position:right top;
z-index:0;
}
#navMenu {
position:absolute;
top:132px;
left:400px;
border-width: 0px 0px 0px 0px;
border-style:solid;
border-color:#000000;
font-size:12px;
width:auto;
padding:8px;
}
#navMenu ul {
list-style-type:none;
}
#navMenu li {
display:inline;
}
#navMenu a {
padding:5px;
text-align: center;
border-width: 1px 1px 1px 1px;
border-style:solid;
border-color:#000000;
text-decoration: none;
font-weight:bold;
background:#CC3333;
color:#FFFFFF;
}
#navMenu a:link, #navMenu a:active, #navMenu a:visited {color:#ffffff;}
#navMenu a:hover {
color:#ffffff;
background-color:#0066FF;
border-width: 1px 1px 1px 1px;
border-style:solid;
border-color:#000000;
padding-bottom:5px;
font-size:12px;
font-weight:bold;
}
p.text{
font-size:.85em;
font-style:italic;
padding-left:20px;
margin-right:450px;
margin-left:10px;
border-left:1px solid black;
}
[upl-file uuid=c268dad4-f576-4f56-9bb7-10f11307cd91 size=84kB]IE7.jpg
[upl-file uuid=b3871c4e-735e-4520-bac4-6ef5798ce5cb size=81kB]opera.jpg