css image “float: centre” method problem. please help

Im am fully aware there is no “float centre”. i had a little look around on the web and found out you have to do “margin:0px auto”.
this works, but however, the image that is float right now appears under the other two images, (still float to the right)
please look at the image and advise
http://siteaholic.files.wordpress.com/2007/11/2007-11-21_121754-problem.png

any help or suggestions will be very much appreciated.
I’ve spent a forever editing this theme, and this is the very last thing before I launch!

cheers
Rel

here is the relevent css…
“
.image {
background: #22201d url(‘images/image_left.png’);
border: 1px solid #363430;
height: 149px;
}

.bkgleft { background: url(‘images/image_left.jpg’); float: left; width: 372px; }
.centre { background: url(‘images/image_right.jpg’); margin:0px auto 0px ; width: 40px;}
.bkgright { background: url(‘images/image_right.jpg’); float: right; width: 372px; }
”