i need css help

seems my images and table have a 2px border around them and I don't know whats causing this. everything should line up and fit nice.

http://sweetprojects.com/blah/index.html

http://sweetprojects.com/blah/style.css

thanks

 

You need to add cellspacing="0" to both table elements:

.
.
.

<table cellspacing="0" class="main">
 <tr>
  <td class="topmain">
   <table cellspacing="0" class="innermain">
    <tr>
     <td class="top"></td>
    </tr>
    <tr>
     <td class="middle"></td>
    </tr>
    <tr>
     <td class="bottom"></td>
    </tr>
   </table>
  </td>
 </tr>
</table>

.
.
.

Code (markup):

I look forward to the day when cellspacing is a CSS property, because it's annoying and inconsistent for it to be a markup-only attribute.

 

wow are you serious? I thought it was a given to be zero now.

 

you are correct, that fixed it

 

I have another issue now, the logo image is breaking out of the table in firefox but not in IE.

 

Hmm... not sure why. I checked in IE, FF and Opera and it looked the same in all three browsers.

 

who would have ever thought that I'd spend 6 1/2 hours trying to figure out this stupid css padding and margin