problem with image wrapping in css

Hi, just wondering if someone could take a look at my css code, as l can’t get my text to pad around the images, instead it is lined up right against the edge. (l am trying to wrap images that are uploaded via ftp, some of my other images are uploaded with the photopress plugin, so l am not sure if it can be applied to these?). Here is an example post:

http://www.stampingtop50.com.au/blogs/?p=43

l have tried tinkering with the different padding values, but nothing seems to work. l am using IE 5 or 6… is my code missing something? (l followed the instructions from the wordpress codex page). Here’s my code:

img {
border: none;
position: relative;
p img { padding: 0; max-width: 100%; }
img.right {
position: relative;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.left {
position: relative;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.right { float: right; }
.left { float: left; }
img {font-size:60%}
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
<div style="clear:both;"></div>

}

thanks in advance, l really hope someone can help me with this…!