Image Alignment Question

I am trying to get images to align with text wrapping to the right and/or left. They do, but they don’t start at the top of the image. You can see what I mean here. Look at the second image in the article – https://liquidtravel.org/ghost_ship The image is aligned to the left of the text but the text does not start at the top of the image which is what I want. I read many posts in the forums and it looks like it should be an easy thing to do. In fact, in the admin section of wordpress, it looks exactly like I want it to but not on the public side of my site.

I did read where you need to set specifics in the css file. Here is what I have for alignment.

/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

Any thoughts.

thanks

Layne