Du måste lägga in någon slags radbrytning där som avslutar float:sen. Enklaste sättet är att lägga till följande efter de två flytande divarna:
<br style="clear: left;" />
r/ På så vis markerar du var float: left; skall avslutas.
Trådstart#1
Stöter ofta på denna typ av problem men har aldrig lärt mig hur jag ska komma runt det, så help! 
Eftersom jag floatar de båda divarna i den yttre diven så kläms den yttre diven ihop helt och bakgrunden visas ej.
Hur får jag bakgrunden att synas?
<!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>
</head>
<body>
<div style="width:200px; background-color:#ededed;">
<div style="float:left;">Blabla</div>
<div style="float:left; width:150px;">Blablabla</div>
</div>
</body>
</html>
Och det kan väl inte vara tabeller som är enda lösningen på problemet! 
