Grafik ausrichten

[Roman]

Hallo Leute!

bin schon seit 1 Std. am grübbeln. Ich habe schon einiges ausprobiert um die Grafik zentriert auszurichten. Vielleicht seht ihr wo ich Fehler gemacht habe...
Das eine was bisher geholfen hat ist der Tag <center> der ist aber nicht XHTML konform.
Ich würde gerne wissen wie es richtig mit CSS geht.

Das andere Problem, wie ihr seht habe ich im "header_left" Farbe definiert, die wird aber nicht angezeigt, es wird die farbe von "leftcol" angezeigt... wieso?
Ich bin, wass CSS angeht, ein Newbie, deshalb bitte nicht gleich hauen ;-)

Ich habe hier folgendes CSS-Script:
(ich poste nur wichtige classes)

#leftcol{
 height: 100%;
 width:25%;
 min-width:184px;
 float:left;
 position:relative;
 margin-left:0px;
 margin-right:0px;
 background-color:#cacaca;
 }

#header_left{
 height: 28px;
 width:100%;
 min-width:184px;
 vertical-align: middle center;
 text-align: middle center;
 position:relative middle center;
 margin-left:5px;
 margin-right:5px;
 background-color:#ff0000;
 background-position:middle center;
 }

und das hier ist html-seite:

<div id="pagewidth" >
 <div id="leftcol" >
  <div class="content">
   <div class="header_left"><img src="fileadmin/_data/_globals/g_tec_02.gif" width="184" height="28" alt="Home"/>
   </div>
  </div>
 </div>
 <div id="maincol" >
  <div class="content">
  Main Content Column
  </div>
 </div>
 <div id="rightcol" >
  <div class="content">
  Right ColumnRight
  </div>
 </div>
 </div>

Vielen Dank!
Roman