Nevím, jestli jsem to správně pochopil. Rozumím tomu tak, že celé to chceš mít na středu a "B" vedle "A". Pokud ano, není třeba pozicovat. Stačí dát "A" obtékání a "B" raději bez šířky.
To by bylo nějak takto
<style type="text/css">
body {
text-align: center;
}
#telo{
width: 800px;
margin: auto;
text-align: left;
}
#obr{
background: url(obr.png) no-repeat;
background-color: red;
width: 800px;
height: 195px;
border: 1px solid green;
}
#acko{
background: url(a.png) no-repeat;
background-color: blue;
width: 196px;
height: 233px;
float: left;
border: 1px solid blue;
}
#becko{
background: url(b.png) no-repeat;
background-color: yellow;
height: 233px;
margin-left: 196px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="telo">
<div id="obr">banner
</div>
<div id="acko">A
</div>
<div id="becko">B
</div>
</div>