Need help with a spacing problem when floating an object

Hopefully someone knows an easy way to fix this problem. I am floating a table to the right of the first line of my content which is located within a <td> but it is indenting the first line of my text right after the floated object. Ive noticed that indentation goes away when i remove my ,margin from the floated object, but obviously i need the padding. Anyone know a solution? the html code and css are below. Thanks !

<tr>
<td align="left" valign="top" class="content"><table width="160" border="0" cellpadding="0" cellspacing="0" class="floatRight">
<tr>
<td width="10" height="10" valign="top"><img src="images/topLeft.png" width="15" height="15" /></td>
<td height="10" valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
<td width="10" height="10" valign="top"><img src="images/topRight.png" width="15" height="15" /></td>
</tr>
<tr>
<td background="images/roundedBoxBg.png" bgcolor="#dff0ff"></td>
<td valign="top" background="images/roundedBoxBG.png" bgcolor="#cdcdcd" class="roundedCornerBoxContent">&ldquo;Quality is
not expensive &ndash; it&rsquo;s priceless.&rdquo;</td>
<td background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
</tr>
<tr>
<td valign="top"><img src="images/bottomLeft.png" width="15" height="15" /></td>
<td valign="top" background="images/roundedBoxBG.png" bgcolor="#dff0ff"></td>
<td valign="top"><img src="images/bottomRight.png" width="15" height="15" /></td>
</tr>
</table>
At Broad River Paint &amp; Body, our goal is to ***** This is the line that indents ***** return your vehicle to pre-accident condition as quickly as possible. You get <span class="highlight">proven results</span> (<a href="photogallery.html">view examples of our work</a>) and the peace of mind of a <span class="highlight">job done right the first time</span>.<br />
<br />
We are conveniently located off of Greystone Blvd. and provide 24/7 towing service.<br />
<br />
<span class="contentHeader">Here&rsquo;s what you can count on from Broad River Paint &amp; Body: </span>
<ul>
<li>Your vehicle restored to pre-accident condition</li>
<li>Your vehicle repaired without delay</li>
<li>Straight-forward communication throughout the repair</li>
<li>The latest equipment and technical training</li>
<li>Coordination with your insurance company at all times</li>
<li>Lifetime warranties on all repairs</li>
<li>ASE certified technicians and I-CAR training</li>
<li> A clean and well lit facility</li>
<li> Assistance in getting a rental vehicle</li>
<li>Minimal out-of-pocket expense </li>
</ul>
Learn about the <a href="repairprocess.html">repair process</a>. <br />
See before &amp; after <a href="photogallery.html">photos of our work</a>.</td>
</tr>

.floatRight {

float: right;
margin: 0em 0em 1em 1em;
}

Hey Scotty,

I took the code and css and put it in an html file and I cannot reproduce. Can you put in the entire html file? Or give us a link to the site where it is not working (if possible)?

oh sorry, that was just bits and pieces. The file is here:

http://www.prstorewebdev.com/WebSites/281-32_BroadRiver/

It is going to look fine if you use FF. But the indentation shows up in IE.

It actually looks good in IE7 for me. Are you using IE6?

yeah the work pc we use to check our sites is using IE6. Any idea why it would do this in IE6 (and below i assume)?

try this:



<p style="text-indent:0px;">Content</p>



i havent tried it, but it couldnt hurt!!