Problem mit float und IE 6

O

owned11390

Also hier ist das Problem:
http://img410.imageshack.us/img410/5771/unbenannt2ou.jpg

Die <div> schließen nicht sauber ab...dieses Problem habe ich allerdings im FF3 nicht.

Hier ist der Code:
HTML:
<html>
    <head>
    	<title>Test</title>
        <style type="text/css">
			body{
				padding:0px;
				margin:0;
			}
			#container{
				position:absolute;
				left:0%;
				top:0%;
				width:100%;
			}
			
			#cat_container{
				position:relative;
				left:1%;
				width:98%;
				height:100px;
				padding:1px;
				border:1px solid #CCC;
			}
			
			#cat_header{
				width:100%;
				height:32px;
				background-color:#303b4a;
			}
			
			#cat_forum_title{
				width:58%;
				height:26px;
				background-color:ced7e5;
				border-bottom:1px solid #9aa4b1;
				border-right:1px dotted #b0bbcd;
				float:left;
			}
			
			#cat_tr_title{
				width:9%;
				height:26px;
				background-color:ced7e5;
				border-bottom:1px solid #9aa4b1;
				border-right:1px dotted #b0bbcd;
				float:left;
			}

			#cat_lpinfo_title{
				height:26px;
				margin-left:-10px;
				background-color:ced7e5;
				border-bottom:1px solid #9aa4b1;
				border-right:1px dotted #b0bbcd;
			}
			
			#clear{
				clear:both;
			}
		</style>
    </head>
    <body>
    	<div id="container">
	    	<div id="cat_container">
            	<div id="cat_header">#</div>
                <div id="cat_forum_title">#</div>
                <div id="cat_tr_title">#</div>
                <div id="cat_tr_title">#</div>
                <div id="cat_lpinfo_title">#</div>
                <div id="clear"></div>
    	    </div>
        </div>
    </body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Zurück