Need help with CSS and DIVS

1

Hey there!

Ive got some question about CSS and Divs, first of all. im having coördination problems with my website, the problem is that 1. there is a diffrence in location if i look on firefox or internet explorer 6, now i know IE6 is crap but i still want my website to work in it since almost everyone uses it. :stare: and 2. I dont realy get the diffrence in the ways how to position my div. I know i could place it absolute but that doesnt work with auto centering wich i use.

The centering also brings us on the second problem. In IE6 it doesnt work :frowning: but it does in Firefox. I hope you guys can shine some light on this dark situation :dog:

a weblink to my site: http://members.lycos.nl/martijnpotman/ (note that im still designing and this is only the header), since i use lycos i get crappy ads but i cant find any other working free host, not even from the stiky :).

here is also the code from my html and css.

CSS:


/* CSS Document */

body {
background-color: #a0a0a0;
font: normal 11px Helvetica Neue, arial, verdana, sans-serif;
}

#bodyreplace {
width: 100%
}

#container {
width: 760px;
margin: 0px auto;
margin-top: 0px;
text-align: left;
position: relative;
}

#header {
height: 90px;
padding: 0px;
width: 760px;
background-color: #242424;
}

#logo {
    width: 220px;
    float: right;
    height: 90px;
}

#logo h1 {
    width: 220px;
    text-indent: -9999px;
    background: transparent url(../logo.jpg) center right no-repeat;
}

#logo a {
    width: 220px;
    height: 90px;
    display: block;
    text-decoration: none;
}

#header_tussen {
height: 4px;
width: 760px;
background-color: cfcfcf;
}

HTML


<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
@import url(css/style.css);
</style>
</head>

<body>
<div id="bodyreplace">
<div id="container">

<div id="header">
<div id="logo">
<h1><a href="/">Index.html</a></h1>
</div>
</div>

<div id="header_tussen">
</div>

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

Thanks in Advance![/quote]
[COLOR=DarkOrange]edit>> here a screen of what it should look like:[/COLOR]