I've had a look at it here and it seems to be behaving as you'd expect. When the window becomes too small to take the horizontal width - the paragraph wraps.
You do seem to have a lot of inline styles there though - you've got styles in the document head (which might just be for us to see what you're up to) but then you've got a ton of inline styles like this:
<p style="width: 250px; font-weight: 700; margin-top: 0px; margin-bottom: 0px; float: left; text-decoration: underline;" class="newStyle1">
That defeats the whole advantage of using CSS - all the styles should be in the stylesheet itself - that way you can make a single edit and the whole site changes accordingly rather than having to edit all pages.
What is the end result you want to achieve? If you wanted the text under each image then personally I'd do this:
CSS:
div.box {float:left; width:250px; border:1px solid black;text-align:center;margin-right:20px;}
HTML:
<div class="box">
<img src="testpics/Office-05.jpg" width="250" height="187" alt="your image" />
<p>Your text goes here</p>
</div>
<div class="box">
<img src="testpics/Office-05.jpg" width="250" height="187" alt="your image" />
<p>Your second lot of text goes here</p>
</div>
You might want to take a look at the tutorials over at HTML Dog for an excellent intro to CSS.
