can't get image to float left

on this page I cannot figure out how to get the H1 and UL items to float to the right of the images.

Here's the HTML code I have in the wordpress editor:

[caption id="" align="alignleft" width="245" caption="The Sessionâ„¢ Series Guitar Display Rack"]<a href="#"><img alt="" src="/wordpress/wp-content/uploads/site-elements/session-rack-home.jpg" title="Session Guitar Display Rack" width="245" height="237" /></a>[/caption]
<h1>Shop For Guitar Display Racks</h1>
<ul>
 <li>Handcrafted Guitar, Bass and Banjo Case Rack</li>
 <li>Hardwood construction built to last</li>
 etc...

Code (markup):

please advise what CSS element i need to apply to make this happen. thanks!

 

Between each image and its heading, there is a break tag and a link containing a break tag.

<p class="wp-caption-text">The Session&trade; Series Guitar Display Rack</p></div>
[COLOR="red"]<br>
<a href="#"><br></a>[/COLOR]
<h1><a _moz-rs-heading="" href="#">Shop For Guitar Display Racks</a></h1>

Code (markup):

When they are removed, the heading lines up with the top of the image.
Maybe a plugin is adding them but I have no idea why. Those elements do not need to be there.

 

i got it figured out. Had to move the H1 tags to outside the a href=

thanks.