Text and image in line

I don't know how I am struggling with this but apparently I am. I want to display a piece of text inline with an image and have them vertically aligned. However, I am somehow finding this difficult. This is the HTML.<div style="position: relative; margin:0; padding:0; width:800px; display:inline; ">
Gest allows you to use mouse gestures with Windows Explorer. To perform a mouse gestures hold down the right mouse button and move it. The ways in which you move the mouse before you release the button determines what action Gest will perform.
</div>
<img src="myimage.png" style="display:inline; position: relative; float: right; vertical-align: middle;">
Why is this not working??:confused:
Thanks in advance.

<img src="myimage.png"
What are the dimension of that image? Is there any width set to the container of the two elements? Can we have a link to your page?

Here's the actual page http://dl.dropbox.com/u/7803192/bambi4%20-%20test/Gest_updated.html the image is the big blue 'G'
Dimensions: 64x64

Try <div>
<img src="http://dl.dropbox.com/u/7803192/bambi4/Gest/Gest.png" style=" float: right;">

Gest allows you to use mouse gestures with Windows Explorer. To perform a mouse gestures hold down the right mouse button and move it. The ways in which you move the mouse before you release the button determines what action Gest will perform.
</div>

ah wonderful. any reason why this works? Why could the <img> not come after?

That's how the float works. If you need to keep your original markup intact, you'd need something like
<div style="float: left; width: 860px;">

Gest allows you to use mouse gestures with Windows Explorer. To perform a mouse gestures hold down the right mouse button and move it. The ways in which you move the mouse before you release the button determines what action Gest will perform.
</div>
<img src="http://dl.dropbox.com/u/7803192/bambi4/Gest/Gest.png">