Hello,

I'm new to coding forums.com and I need help from some of you web genius's. My web site works in all the other browsers that I have tested, all but Internet explorer. Can someone please help!!

The <div id="content_right"> appears on the left, below the <div id="content_left"> it should appear to the right. plus the top menu text is moving to the left of its background box.

the HTML code is below, the css is below the HTML

<!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>Sheephaven Building Services</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.tools.js"></script>
<style type="text/css">

</style>


</head>
<body>
<div id="wrap">

<div id="logo"></div>
<div id="menu">
<ul>
<li><a href="contact.html">contact</a></li>
<li><a href="gallery.html">gallery</a></li>
<li><a href="services.html">services</a></li>
<li><a href="about.html">about</a></li>
<li><a href="index.html">menue</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="prew_box">
<div id="prew_bg">

<div class="scrollable">
<div class="items">
<div class="item">
<div class="header1">
<img src="images/pew_1.gif" alt="plans" /></div>

</div> <!-- item -->
<div class="item">
<div class="header2">

<img src="images/pew_2.gif" alt="" width="1013" height="300" /></div>
</div> <!-- item -->
<div class="item">
<div class="header3">

<img src="images/pew_3.gif" alt="" width="1013" height="300" /></div>
</div> <!-- item -->

<div class="item">
<div class="header4">

<img src="images/pew_4.gif" alt="" width="1013" height="300" /></div>


</div> <!-- item -->

</div> <!-- items -->
</div>
<!-- scrollable --> <!-- create automatically the point dor the navigation depending on the numbers of items --></div> <div style="clear: both"></div>
</div>
<div id="content_bg">
<div id="content">
<div id="content_left">
<h2><a href="about.html">welcome </a></h2>
<img src="images/welcome_image_17.gif" alt="" width="320" height="179" />
<p> With over 20 years experiance, Sheephaven Building Services ltd is now a leading North West Construction Company.
We are committed to providing a personal, collaborative and professional service that delivers high quality, good value construction projects on time, and on budget.
</p>
<div class="read"><a href="about.html">read more...</a></div>
</div>
<div id="content_center">
<h2><a href="services.html">services </a></h2>
<img src="images/services_image_19.gif" alt="" width="321" height="179" />
<p> Sheephaven Building Services ltd cover a wide variety of projects in both the public and private sectors of the industry.
Our construction solutions can be procured through our experienced Design and Build Service, by two-stage tender, or by traditional tender.
</p>
<div class="read"><a href="services.html">read more...</a></div>
</div>
<div id="content_right">
<h2><a href="gallery.html">project showcase </a></h2>
<img src="images/showcase_image_21.gif" alt="" width="321" height="179" />
<p>Sheephaven Building Services ltd are very proud of the quality of our work and here you can take a look at many of the exciting projects and developments we have worked on over the years. If you require further details on any of the projects just get in touch.
</p>
<div class="read"><a href="gallery.html">view now</a></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer_top">
<div id="column2">
<div id="col1">
<h2>company values</h2>
<p>Our philosophy is one of open collaboration. We believe that by working in an open partnership as part of a multifunctional team a quality, best value end product is delivered to the client. We believe that working in a partnership ensures the quality of the project, protection of the environment, and benefits the local population.</p>

</div>
<div id="col2">
<h2>contact information</h2> <br />
<div class="pad_left" style="background: url(imageshome.png.gif/) no-repeat left center;"><span class="pad_left" style="background: url() no-repeat left center">phone: 085 14 5983</span></div>
<div class="pad_left">fax: 1(234) 567 8910 </div>
<div class="pad_left" style="background: url() no-repeat left center"><span class="pad_left" style="background: url(images/contact.png) no-repeat left center">e-mail: info@sheephavenbuilding.com </span></div>
<div class="pad_left">
main st. dunfanaghy,</div>
<div class="pad_left" style="background: url(images/contact.png) no-repeat left center">
co. donegal, ireland.</div>
<br /><br />
<div class="clear"></div>
</div>
</div>



<div id="footer_bot">

</div>

<div id="footer_left">

<b> <a href="index.html">home</a></b>
|<b> <a href="about.html">about</a> </b>
| <b> <a href="services.html">services</a> |</b>
<b> <a href="gallery.html">gallery</a> |</b>
<b> <a href="contact.html">contact</a> </b>
</div>

<div id="footer_right"> copyright 2012 designed by <a href="http://www.neilissheridan.com/index.html" target="_new">Neilis Sheridan Visual Communication</a>

</div>
<div style="clear: both"></div>
</div>

</div> </div>
</body>
</html>


style sheet...

*{
margin: 0px;
padding: 0px;
}

img, fieldset{
padding: 0px;
border: none;
margin: 0px;
line-height: 0px;
}

a{
color: #465D69;
text-decoration: none;
font-weight: normal;
}


body{
font: 12px Helvetica, Arial, sans-serif;
color: #CCC;
background:#EFEEEE
}

.clear{
clear: both;
}

h1{
font: 18px Helvetica, Arial, sans-serif;
font-weight: lighter;
color:#C06;
}

h2{
font: Helvetica, Arial, sans-serif;
font-weight: lighter;
color: #AA110A;
font-size: 28px;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 10px;
}


h6{
font: 16px Helvetica, Arial, sans-serif;
color: #465D69;
padding-bottom: 5px;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 15px;
font-weight: normal;

}

p{
color: #5B707C;
padding-top: 15px;
text-align: left;
font-size: 16px;
font-weight: lighter;
line-height: 24px;
bottom: 120px;
font-family: Helvetica, Arial, sans-serif;
}

body,td,th {
color: #5B707C;
font-family: Helvetica, Arial, sans-serif;
}


#wrap{
width: 1033px;
margin: 0 auto;
}

/*logo*/

#logo{
width: 330px;
height: 81px;
margin-top: 35px;
float: left;
padding-bottom: 10px;
padding-top: 35px;
background:url(images/logo_03.gif) no-repeat;

}
/*
menu
*/

#menu{
background:url(images/menue_bc_06.gif) no-repeat right;
width: 616px;
height: 80px;
float: right;
margin-top: 110px;
margin-bottom:-25px;
}

#menu ul{
width: 616px;
padding: 20px 0 0 0;
list-style: none;

}

#menu ul li{
display: inline;
}

#menu ul li a{
font: 14px Helvetica, sans-serif;
color:#465D69;
text-align: center;
font-weight: light;
text-decoration: none;
display: block;
float: right;
width: 91px;
height: 20px;
line-height: 40px;

}

#menu .first{
background: none;
}

#menu ul li a:hover, #menu ul li .active{
color:#AA110A;
}

/*
prew_box
*/

#prew_box img{
display: block;
}

#prew_bg{
background:url(images/prew_bg.gif) no-repeat center;
width: 1013px;
height: 290px;
padding: 10px;
}

#prew_but{
height: 16px;
padding: 15px 0px;
}

#prew_but ul{
padding-left: 0px;
list-style: none;
width: 110px;
margin: 0 auto;
}

#prew_but ul li{
display: inline;
}

#prew_but ul li a{
text-decoration: none;
display: block;
float: left;
width: 17px;
height: 16px;
margin-right: 5px;
background:url(images/pew_07.gif) no-repeat center;
}

#prew_but ul li a:hover, #prew_but ul li .active{
background:url(images/pew_actived_07.gif) no-repeat center;
}

/*
content
*/

#content_bg{
margin-top: 40px;

}

#content{
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 10px;
font-family: Helvetica, Arial, sans-serif;
}


#content a{
color: #AA110A;
font-weight: lighter;
}

#content a:hover{
color: #5B707C;
font-size: 12px;
text-align: right;
}
#content h2 a:hover {
color: #5B707C;
font-size: 28px;
text-align: right;
}

#content_left{
width: 320px;
padding-right: 34px;
float: left;
padding-bottom: 34px;

}
#content_left h2{
padding-bottom: 10px;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 10px;


}
#content_left img{
float: left;
padding-bottom: 20px;
padding-top: 2px;
padding-top: 10px;

}
#content_about1 {
float: left;
width: 680px;
padding-right: 34px;
padding-bottom: 34px;
}
#content_about1 h2{
padding-bottom: 10px;
background: url(images/bor_goriz.gif) repeat-x bottom;z

}
#content_about2 img{
float:right;
padding-top:3px;

}
#content_about2 {
padding-left:17px;
padding-top:32px;
height:100px;
}

#content_about h2{
padding-bottom: 10px;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 50px;
}



.left_col1{
float: left;
width: 50%;
}

.left_col1 p{
padding-right: 10px;
line-height: 18px;
}

.left_col2{
float: right;
width: 50%;
}


#content_center{
width: 320px;
padding-right: 34px;
float: left;
padding-bottom: 34px;
padding-left:3px;
color: #AA110A;
line-height: normal;
font-weight: normal;

}

#content_center img{
padding-right: 20px;
float: left;
padding-bottom: 20px;
padding-top: 10px;

}

#content_center h2{
padding-bottom: 10px;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 10px;
}

#content_right img{
padding-right: 20px;
float: left;
padding-bottom: 20px;
padding-top: 10px;
}

#content_right{
width: 320px;
float: left;
padding-bottom: 34px;
}

#content_right h2{
text-align: left;
background: url(images/bor_goriz.gif) repeat-x bottom;
margin-bottom: 10px;

}
#content_right h2{
padding-bottom: 10px;

}

/*
2column
*/

#col1{
float: left;
width:680px;
padding-right:34px;
padding-bottom: 32px;
padding-top: 10px;
}

#col1 h2{
padding-bottom: 10px;



}
#col2{
width:320;
padding-left: 710px;
padding-right: 0px;
font-size: 16px;
font-weight: lighter;
font-family: Helvetica, Arial, sans-serif;
}

#col2 h2{
padding-bottom: 10px;
padding-top:10px;
font-family: Helvetica, Arial,sans-serif;

}

.pad_left{

padding-top: 3px;
font-family: Helvetica, Arial,sans-serif;
line-height: 20px;

}


#col1 .ls{
padding-top: 20px;
}

#col1 .ls li a{
font-size: 12px;
text-transform: none;

}


/*
footer
*/

#footer_top #footer_right {
text-align: right;
}
a:active {
color: #AA110A;
}

#footer_bot{
background: url(images/bor_goriz.gif) repeat-x top;
padding-top: 10px;
padding-bottom: 10px;
}

#footer_text{
width: 500px;
text-align: left;
float: right;
padding-top: 0px;
}

#footer_text p, #footer_text a{
font: 11px Helvetica, Arial, sans-serif;
font-size: 11px;
color: #5B707C;
font-weight: normal;
line-height: 20px;
text-align: right;
}
#footer_text p.active{
color:#AA110A;
}
#footer_left{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #5B707C;
padding-bottom: 30px;
width: 350px;
float:left;
line-height: 20px;
padding-top: 15px;
font-weight: lighter;
}
#footer_right{
font-family: Arial, Helvetica, sans-serif;
padding-bottom:30px;
width: 370px;
float: right;
padding-left: 50px;
font-size: 11px;
padding-top: 20px;
font-weight: normal;
}
#content_bg #footer_right {
text-align: right;
}


a:hover {
color: #AA110A;

}
a:link {
color: #5B707C;
list-style-type: disc;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}


/*
scroll styles here
*/

.item { width: 1013px; height: 291px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 1013px; height: 300px;}
.scrollable .items {
width:20000em;
position:absolute;
left: 4px;
top: -2px;
}
.scrollable .items div { float:left;}
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; margin: 15px 0; padding-left: 460px; }
.navi a { width: 24px; cursorointer; height: 22px; float:left; margin:0 0 0 3px; background:url(images/prew_but.png) no-repeat scroll top; display:block; font-size:1px; margin-bottom: 10px}
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px; background:url(images/prew_but_active.png) no-repeat scroll top}



/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}

#wrap #logo h1 {
font-size: 16px;
}
img {
float: right;
}

li {
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
color:#aa110a;
font-weight: lighter;
font-style: normal;
line-height: 40px;
list-style-type:none;
}
#content_about {
padding-top: 0px;
}
#footer_top #column2 #col2 {
font-size: 16px;
}
.pad_left1 a {
font-weight: lighter;
}
.pad_left1 a:hover {
color: #AA110A;


}