Problem med float
Nogen som kan fortælle hvorfor <div id="main"> ikke følger med ned?<!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" xml:lang="en" >
<head>
<title>TEST</title>
<meta name="description" content="" />
<meta name="Keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body, html{
padding:0;
margin:0;
font-family:verdana,arial,sans-serif;
color:#000000;
background:#303030;
}
#main{
width:42em;
background-color:#fff;
border:5px solid #555555;
}
#left{
float:left;
width:25%;
margin:0px;
border:2px solid #999;
background-color:#fafafa;
}
#right{
width:67%;
margin:0px;
border:2px solid #999;
background-color:#fafafa;
}
</style>
</head>
<body>
<div id="main">
<div id="left">
<h3>Rigtig meget tekst</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
<a href="#">incididunt ut labore et dolore magna aliqua. Ut enim ad minim</a> veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
<div id="right">
<h3>Lidt mindre tekst</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
<a href="#">incididunt ut labore et dolore magna aliqua. Ut enim ad minim</a> veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
</div>
</body>
</html>
