problem med siteopbygning med css
HejJeg har denne www.referencer.lund.dk/cphbn/
Som i kan se, så er min højre menu "faldet" lidt ned,
hvordan får jeg den på plads, op ved siden af min content div
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CPHBN.DK</title>
<style type="text/css">
body {
margin: 0px 0px 0px 0px;
text-align: center;
background: url('images/background.jpg');
background-repeat: repeat-x;
background-position: top;
background-color: #5c7c8e;
font-family:Verdana;
font-size:11px;
color:#5C7C8E;
}
#content {
background-color:#506F83;
width: 850px;
margin:0px auto;
}
#content2 {
background-color:#506F83;
width: 830px;
margin:0px auto;
}
#contentbottom {
background-image:url('images/contentbottom.jpg');
width: 830px;
height:20px;
margin:0px auto;
}
#logotop{
background-image:url('images/contenttop.jpg');
height:200px;
width:830px;
}
#topmenu{
background-color:#3E5F74;
height:30px;
color:white;
font-weight:bold;
width:830px;
}
#leftCol{
overflow: hidden;
float:left;
width:150px;
background-color:silver;
text-align:left;
margin-top:0;
margin-right:10px;
position:relative}
#contentCol{
float:left;
display:block;
width:510px;
background-color:white;
text-align:center;
margin-top:0px;
border-left:0px solid #EBEBEB}
#rightCol{
overflow: hidden;
float:right;
width:150px;
background-color:silver;
margin-top:10px;
position:relative}
</style>
</head>
<body>
<div id="content">
<div id="content2">
<div id="logotop"></div>
<div id="topmenu">Jalla</div>
<!-- menu left -->
<div id="leftCol">1</div>
<!-- /menu left -->
<!-- main -->
<div id="contentCol">2</div>
<!-- /main -->
<!-- menu right -->
<div id="rightCol">3</div>
<!-- /menu right -->
<br/><br/>
<!--div id="contentbottom"></div-->
</div>
</div>
</body>
</html>
