Overflow Text Question

On a website I just recently put together I’m having a problem with the text overflowing when I look at it on a laptop. I put the website together in Dreamweaver. When I look at the website on a laptop the text paragraphs run into each other and off the main part of the website. Also, the text is unusually large on a laptop. Does anyone know why this problem is occurring?

Here is the code I’m using:

<td rowspan="12" valign="top" bgcolor="#76808E"><style type="text/css">
body {
font: 11px Arial, Helvetica, sans-serif;
}
div#content {
width: 324px;
height: 700px;
padding: 10px;
border: 1px solid grey;
background: #76808E;
}
</style>
<div class="style14 style1" id="content">
<p class="style12 style4 style5">About Space Clearings</p>
<p><span class="style12 style4">Cleaning your home keeps the space enjoyable to live in, maintains health and provides a relaxing atmosphere. p>
</div></td>