float left, men det skal også centres?

Hey!

Jeg er stødt på dette lille problem.. Jeg er lidt ny til at bruge <div> istedet for tabeller, men ikke destro mindre kunne jeg godt tænke mig at prøve mig frem i denne nye, og meget brugte metode..

Jeg har følgende lille kode:

<div style="text-align: center; height: 100%;">
<div style="background-image: url('images/design_01.gif'); width: 73px; height: 100%; float: left;"></div>
<div style="background-image: url('images/design_02.gif'); width: 1px; height: 100%; float: left;"></div>
<div style="float: left; width: 651px;">
<div style="background-image: url('images/design_04.gif'); height: 55; text-align: left;">
<img src="images/design_03.gif" border="0" alt="Cronick ApS">
</div>
<div style="background: url('images/design_07.gif') repeat-x; height: 100%; width: 651px;"></div>
</div>
<div style="background-image: url('images/design_02.gif'); width: 1px; height: 100%; float: left;"></div>
<div style="background-image: url('images/design_06.gif'); width: 74px; height: 100%; float: left;"></div>
</div>

- Og det virker fint nok, bortset lige fra at det selvfølgelig bliver placeret til venstre, med float: left.. Hvor jeg gerne vil have det skal centres.. Jeg har prøvet at lave det hele i div'en med text-align: center; men det hjælper ikke ligefrem..

- Nogen der har en løsning? :^)