mit css bild in der mitte des browser positionieren

[tras]

hilfe!!!!!!!!!!!!!!!!!!!!!!!!!!!
wie kann ich ein bild in denn hintergrund legen und darüber buttons plazieren html mit tabellen geht das nicht! bin mit css am rumprobieren

zb so
#box1 {position:relative; top:100px; left:220px; width:650px; height:410px; z-index:1;}

<div id="box6" style="border:none"><a href="bild in mitte.html"><span style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000">puma</span></a><p><img src="produkt.jpg" width="120px" height="4px" align="100px"/></p></div>

aber irgend wann wird der ganze aufbau total zerschossen
und noch schlimmer wird es wenn man sich das ganze in verschiedenen Browsern ansieht