Bien placer logo et blocs de ses menus en CSS

Bonjour,

J'apprends le CSS et j'ai besoin d'aide car je me triture le cerveau là...

Voici un exemple de ce que je n'arrive pas à faire:

Partie XHTML

<div class="bloc1"><ul>
<li><a href="#" title="menu1">MENU1</a></li>
<li><a href="#" title="menu2">MENU2</a></li>
<li><a href="#" title="menu3">MENU3</a></li>
</ul></div>

<div class="bloc2"><ul>
<li><a href="#" title="menu4">MENU4</a></li>
<li><a href="#" title="menu5">MENU5</a></li>
<li><a href="#" title="menu6">MENU6</a></li>
</ul></div>

<div class="bloc3"><ul>
<li><a href="#" title="menu7">MENU7</a></li>
<li><a href="#" title="menu8">MENU8</a></li>
<li><a href="#" title="menu9">MENU9</a></li>
</ul></div>

<div class="bloc4"><ul>
<li><a href="#" title="menu10">MENU10</a></li>
<li><a href="#" title="menu11">MENU11</a></li>
<li><a href="#" title="menu12">MENU12</a></li>
</ul></div>

Ah oui, sachez que ma page fait 80% (body, CSS)

Donc voilà, voici mes questions.

Mon logo ainsi placé en haut à gauche de la page, j'aimerai savoir pour le logo:
- quelle est la meilleur solution, mettre une balise <img /> dans mon html ou background no-repeat dans le CSS: quelle est la meilleur solution des deux pour le logo (une image)
- comment le placer sur la page, en absolute (CSS) ou en jouant avec les marges (margin?)

Pour mes 4 blocs de menu ci-dessus:
- Comment les installer sur la page pour avoir les deux premiers sur la première colonne de la page à gauche, et les deux autres en face des premiers mais sur la colonne de droite?

Merci pour votre aide, merci de me donner juste les balises concernées par ce que je veux faire et prière de ne pas m'envoyer vers des tutoriaux que je relis régulièrement déjà... j'aimerai attaquer la pratique quitte à faire des erreurs.

MERCI D'AVANCE.