non è che abbia capito molto, la barra centrale dov'è in come dovrebbe essere?

vedi questo:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.giallo {width:400px;
border:4px solid black;
background:yellow;
display:table;/*scoperto da poco che si può usare
al posto di clear:both per mozilla*/
}
.rosso {width:300px;
border-left:4px solid black;
background:red;
height:100px;
float:right
}
</style>
</head>

<body>
<div class="giallo">
<div class="rosso"></div>
</div>
</body>
</html>