Hello Webmasters.
Please I need ur help. Am taking a training in web development and I've just been given my first real test by my supervisor. I am required to float the imagebox to left and have the text wrap around it. But I don't know why the text keeps getting inside the imagebox even after I set a margin-bottom. Here's a link to understand what am trying to say http://www.fextaceswepcoproducts.com/products.html

He did the stylesheet and I don't seem to have a clue as to how to set the <p> to obey the the margin-bottom value.
Here's my code for the imagebox [base.css]


img.portrait
{float: left;
margin: 0 25px 25px 10px;
width: 300px;
height: auto;
border: 3px solid #666;
}


Please help.