Remove bevel from cell padding?

[spiceydog]

I'm stumped. I've added about 5px of cell padding to my table. I didn't realize that I had a problem until I viewed the page in a browser other than safari. When I opened it in Firefox, I was horrified to find that the cell padding was beveled. It sort of appears to have a border around it. Is there any way I can get rid of this monstrosity????

 

I googled around for some css that I could throw in to no avail. Please help me! I can post the code if needed.

[TheFilmGod]

Yes, please paste your code.

 

Is this tabular data? Otherwise, you shouldn't be using tables in the first place.

[haku]

As a suggestion, you will make your life significantly easier if you test your sites in firefox, then adjust for IE afterwards.

[spiceydog]

Here is the code:

<table width="100%" border="1" cellpadding="3" cellspacing="5" bordercolor="#000000">
  <tr>
    <td width="50%" valign="top" background="/images/resultsbg.jpg"><div class="style1" style="background-color:#003366">General:</div>
      <span class="style1"><font color="#993300"><b>Avatar:</b></font><br>
      <img src="<?php echo "$avatar"; ?>" width="80" height="80"><br />
      <br>
      <font color="#993300"><b>Username:</b></font> <?php print "$user"; ?><br>
      <br />
      <font color="#993300"><b>Number of Posts:</b></font> <?php print "$posts"; ?><br />
      <br /> 
      <?php
if ($aim == '') {
}
else {
?>
      <font color="#993300"><b>AIM:</b></font> 
      <?php print "$aim <br />";
}
?>
      <?php
if ($msn == '') {
}
else {
?>
      <br />
        <font color="#993300"><b>MSN:</b></font> 
        <?php print "$msn <br />";
}
?>
        <?php
if ($yahoo == '') {
}
else {
?>
        <br />
        <font color="#993300"><b>Yahoo:</b></font> 
        <?php print "$yahoo <br />";
}
?></span></td>
    <td width="50%" valign="top" background="/images/resultsbg.jpg"><div class="style1" style="background-color:#003366">About me:</div>
    <span class="style1"><?php print "$about"; ?></span><br>    </td>
  </tr>
</table>

<table width="100%" border="1" cellpadding="3" cellspacing="5" bordercolor="#000000">
  <tr>
    <td valign="top" background="/images/resultsbg.jpg"><div class="style1" style="background-color:#003366">Most recent posts by <?php print "$user"; ?>:</div>
      <span class="style1"><center><br /><i>
    </i><br /></center>
        <br></td>
  </tr>
</table>
<table width="100%" border="1" cellpadding="3" cellspacing="5" bordercolor="#000000">
  <tr>
    <td valign="top" background="/images/resultsbg.jpg"><div class="style1" style="background-color:#003366">Most popular posts by <?php print "$user"; ?>:</div>
      <span class="style1"><center><br /><i>
        </i><br /></center>
      </span></p></td>
  </tr>
</table><br><br></center>

[spiceydog]

i hope it's not against the rules... but.. bump?

[haku]

What do you mean by bevel in this case?

 

Try adding:

 

border-collapse: collapse;

 

To the CSS for the table.