Hi

I have an image aligned to the left and then some text next to it but the text is right up against the image making it hard to read. Is there a way to fix this?

Here's the html

<img src="Images/GRASS_SUNSET.jpg" width="400" height="268" alt="Sunset" align="left"/>
<p>A yellow sunset through a field of grass. This photo was taken on a Nikon D60 with no flash. The aperture was set to f/10 and shutter speed to 1/25 sec. ISO was at 100 and focal length was 55mm. The photo RAW file was then edited in Photoshop CS5 to give a dynamic yellow look. This photo was taken on May 5th 2011</p>

and the CSS (for the whole div, although I don't think it's necessary)

#body { background-color:#f0eccd;
width:780px;
margin-left:auto;
margin-right:auto;
overflow:auto;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:20px;

}


Thanks
Thomas