Problem with HTML on my website (using Wordpress)

I'm creating a website with wordpress. On my home page, I want to use a rectangular blue image (like a testimonial-type box) in the background, and then put a JPEG image and text on top of this box. The width of the page that I am working within is 553 pixels.

I uploaded both my blue rectangular image and JPEG image into my media part of Wordpress.

This is what my HTML looks like(I've replaced my real domain name with mydomainname just for below).

<div class="form" style="background-image: url('http://mydomain.com/wp-content/uploads/2012/01/box-1-resized-475-X-369.jpg');">

<a href="http://mydomainsite.com/my-category/my-product"><img class="alignleft" src="http://www.mydomainsite.com/wp-content/uploads/2012/01/The-name-of-product-Logo-2-WITH-CLICK-HERE.png" alt="" /></a>
<p style="text-align: center;"> <strong>My text</strong></p>
<p style="text-align: center;"><strong>My text</strong></p>
<p style="text-align: center;"><strong>My text</strong></p>
<p style="text-align: center;"><strong>My text</strong></p>

Here's my HTML. How do I fix it so it works properly? Thanks for your help.