Problemas float y clear both

[piojoso]

es bastante extenso espero que se entienda.

Código:

<style type="text/css">
<!--
* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
a:link {
	color: #000033;
	text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}
a:active {
	color: #0000CC;
	text-decoration: none;
}
body,td,th {
	font-size: 11px;
	color: #000066;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.campos {
	background-color: #F4F4F4;
	border: thin solid #003366;
	color: #003366;
}
.campos2 {
	background-color: #F4F4F4;
	border: thin solid #003366;
	color: #FFFFFF;
}
.boton {
    background-color: #F4F4F4; 
	border: 1 solid #003366;
	color: #003366;
}
.cat-box-items2 {
width: 158px;
border-left: 1px solid #620000;
border-right: 1px solid #620000;
border-bottom: 1px solid #620000;
padding: 5px;
}
.home-post-wrap-box {
background-color: #F7F7F7;
width: 170px;
float: left;
margin-right: 0px;
background-image: url(<?php echo"formato/$tema/titulo.gif"; ?>);
background-repeat: repeat-x;
}
.headings {
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFE6E6;
display: block;
width: 154px;
height: 26px;
padding: 8px 0px 0px 0px;
}
.cuerpoexp {
width: 94%;
background-color: #F7F7F7;
border-left: 1px solid #620000;
border-right: 1px solid #620000;
border-bottom: 1px solid #620000;
border-top: 1px solid #620000;
padding: 5px;
height:auto;
}
.titleexp {
width: 100%;
background-color: #F7F7F7;
background-image: url(<?php echo"formato/$tema/titulo.gif"; ?>);
background-repeat: repeat-x;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFE6E6;
}
.titlehead {
width: 100%;
background-color: #F7F7F7;
background-image: url(<?php echo"formato/$tema/fondheard.png"; ?>);
background-repeat: repeat-x;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFE6E6;
}
.ticat {
background-color: #B00000;
	font-weight: bold; 
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 20px;
}
#contenedor{ 
   text-align: left; 
   margin: auto; 
} 
#cabecera{ 
   color: #333300;
} 
#cuerpo{ 
   background-color: #EEE999;
   margin: 10 0 10 0px; 
} 
#lateral{ 
   background-color: #FFF999;
   margin-left: 10px;  
   width: 170px;
   float:left;
} 
#principal{ 
   background-color: #FFF111;
   margin-left: 180px;
} 
#central{
   background-color: #DDD999;
   margin: 10 0 10 0px; 
   padding: 1 1 1 1px; 
   margin-right: 180px; 
}
#latizq{ 
   background-color: #FFF999;
   width: 170px;
   float: right;
   margin-right: 10px; 
}
#relevo{ 
   margin-left: 10px;
   margin-right: 10px; 
   background-color: #EEF8FA;
   clear: both;
}
#pie{ 
   padding: 3 10 3 10px; 
   text-align:right; 
   background-color: #EEF8FA;
   clear: both;
}
#subind2{
   background-color: #CCC999;
   padding: 2 2 2 2px;
   margin-left: 340px; 
}
#subind1{ 
   background-color: #CCC111;
   width: 340px;
   float: left;
} 
.tiliexp{
   background-color: #B00000;
   height: 20px;
}
.culiexp{ 
   padding: 3 3 3 3px; 
   background-color: #FFFFFF;
   height: 30px;
} 
.Estilo1 {color: #000000}
.Estilo2 {color: #FFCC00; }
.Estilo14 {color: #FFFFFF; font-weight: bold; }
.Estilo7 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Estilo3 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Estilo4 {color: #0099FF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.Estilo5 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 100%; margin-bottom: 15px;}
ul#about li{float:left;width: 20%; padding: 0px 0px 0px 0px;}

ul#about2,ul#about2 li{list-style-type:none;margin:0;padding:0}
ul#about2{width: 100%;}
ul#about2 li{float: left; width: 49.8%;}

ul#about3,ul#about3 li{list-style-type:none;margin:0;padding:0}
ul#about3{width: 250px}
ul#about3 li{float:left;width: 16px; height:15px;
    padding: 1px 1px 1px 1px;margin:0px 5px 0 0}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
.footerleft {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	margin-left: 20px;
	}	
.footerright {
	width: 300px;
	float: right;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: right;
	margin-right: 20px;
	}
#cabeza {
    background: #B00000;
	height: 25px;
	font-weight: bold; 
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#barra {
    width: 225px;
    background: #F7F7F7;
	border-left: 1px solid #620000;
    border-right: 1px solid #620000;
    border-bottom: 1px solid #620000;
    border-top: 1px solid #620000;
	margin: 5 5 5 5px;
	float: left;
}
.clearfix {
//clear: both;
}
-->arriba left abajo right
</style>