Image alignment/text wrapping problem

Please take a look at my just-established blog:

http://www.sbaapproaches.com

Under the most recent post, titled “Testing Image Alignment,” I have the following code:

<p align="center"><img src="http://www.sbaapproaches.com/hosted/2004-02-05_DR_06501_america-west-express_560x.jpg" />
<i>America Express West Canadair Regional Jet.</i>


The intent is for the image to be centered across the page, and the caption to appear underneath it, also centered. Obviously, it’s not working! Not to mention that the post underneath is starting to the right of that image in the first post.

Here’s what I’ve tried so far:

1. <p align="center">

2. adding the following to the very end of my styles.css file:

.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

… and adding “class=”center” in the <img src> tag, or by itself before the <img src> tag.

So far, I’ve got nothing. I changed to a different theme, and the result was the same. I’m using WordPress 2.0.4, and Caffeine 0.2 theme.

Any ideas? Thank you in advance for any help.