how to center <img> within <div> with float <div>s

[rupert160]

hello all,does any body have a good reference to ensure a top centered <img> will float above two floated left and right <div>'s when the window resizes smaller? eg;

+----------+ +----------+  +--------+|          | | <img>    |  |        ||          | +----------+  |        ||          |               |        || <div>    |               | <div>  ||          |               |        ||          |               |        ||          |               |        |+----------+               +--------+         +---------+         |         |         +---------++--------+         +-------+|        |         |       ||        |         |       ||        |         |       ||        |         |       ||        |         |       ||        |         |       ||        |         |       |+--------+         +-------+    +---------+    |         |    +---------++-------+ +-------+|       | |       ||       | |       ||       | |       ||       | |       ||       | |       ||       | |       ||       | |       |+-------+ +-------+

The reason is that the image floats under and the div's get control. <img>generally goes under not over. Thanks guys!

[zanfranceschi]

I THINK this is impossible with CSS, because the elements on the right side are the ones which tend to go down when the available area is squeezed.You could try some very intricate javascript code to do this, but i don't think this is worth.