Allora, ci sono vari errori, un po' tuoi (background-repeat inutile se non è impostato background-image, mancata definizione dell' altezza del background nei div interni, ecc.) un po' di Explorer (margini laterali doppi di quelli impostati risolto con display:inline, ecc.):
codice:
<html>
<head>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#fondo {
float: left;
display: inline;
width: 569px;
margin-left: 32px;
margin-bottom: 0px;
padding-top: 0px;
}
#fondosx {
float: left;
display: inline;
width: 148px;
line-height: 5px;
background-color: #FF0000;
}
#fondodx {
float: left;
display: inline;
width: 345px;
line-height: 5px;
margin-left: 12px;
background-color: #FFFF00;
}
</style>
</head>
<body>
<div id=fondo>
<div id=fondosx>& nbsp;</div>
<div id=fondodx>& nbsp;</div>
</div>
</body>