Mmh, ich merk schon, da muss ich ganz unten anfangen. 
Also erstmal ohne CSS, nur das reine HTML-Markup.
<div id="wrapper2">
<div id="container">
<!-- Inhalt -->
</div>
<div style="clear: both;"/>
</div>
So sieht dein Markup zur Zeit aus.
#wrapper2 umschließt die gesamte Seite, #content enthält den Inhalt. Wenn du jetzt einen Banner neben dem #content haben willst, dann kommt der in den #wrapper2, nach #content.
<div id="wrapper2">
<div id="container">
<!-- Inhalt -->
</div>
<div id="banner">
<!-- Bannercode -->
</div>
<div style="clear: both;"/>
</div>
In den #banner-Container kommt dann dein Bannercode, samt Anker und Bild. Alles HTML, kein CSS bis hier!
Jetzt kommt CSS ins Spiel:
Du kannst den #content links ließen lassen (float:left), der #banner rutscht dann rechts daneben, solange genug Platz vorhanden ist. Dass auch immer genug Platz vorhanden ist kannst du mit Breitenangaben (width) steuern.
Nützliche Links zum Einstieg, mit vielen Erklärungen und Tutorials:
SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
CSS 4 You - The Finest in Stylesheets