Newbie CSS Positioning problem IE

Hi All

Need some help with a positioning/alignment problem - divs not vertically aligning with body background image in IE:

http://www.flatsinbraunton.co.uk/ce/

<!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>Colin Essery Carpets</title>
<style type="text/css">

html {
	font-family:Helvetica,Arial,sans-serif;
}
body {
	font-family:Helvetica,Arial,sans-serif;
	text-align: center;
	background-image:url(images/bg-body.jpg);
	background-repeat:repeat-x;
}

#container {
   position: relative;
 	margin-left: auto;
 	margin-right: auto;
 	width: 800px;
 	text-align: left;
   }


#logo {
	position:absolute;
	left:0px;
	top:78px;
	width:327px;
	height:102px;

}
#headstrap {
	position:absolute;
	left:327px;
	top:78px;
	width:473px;
	height:102px;
}

img {
	border-style: none;
}


</style>
</head>
<body>
<div id="container">
	<div id="logo">
    	<a href="index.php"><img src="images/logo-main.gif" alt="Colin Essery Carpets - North Devon" width="328" height="102" /></a>
	</div>
	<div id="headstrap">
    	<img src="images/head-strapline.gif" alt="Colin Essery Carpets - North Devon" width="473" height="102" />
	</div>
</div><!--END CONTAINER DIV -->
</body>
</html>

Any help welcome

thanks

Rich

spookies

Newbie Poster

8 posts since Feb 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

Works perfectly in IE8 btw.

MindSter

Junior Poster in Training

92 posts since Aug 2010

Reputation Points: 11

Solved Threads: 14

1 Year Ago

Figured out the problem. You didn't clear your floats.
Between #headstrap and #navbar (after #headstrap ends and before #navbar starts), place a new div such as this: to "clear" your floated divs. After that, it should work 100% correctly.

floatingDivs

Junior Poster

198 posts since Aug 2010

Reputation Points: 32

Solved Threads: 34

This article has been dead for over three months

You