Table isn't taking on the set width and height :-(

[mattgaunt]

Hey everyone

Im created an image that i want to use on my web page as a border, ive used a table to align the images to fit together, on my desktop on linux it looks fine, on my mac on firefox 3 it has little gaps between the images.

Ive tried setting all the heights of the table and class but nothing is happen.

the link is http://www.gauntface.co.uk/sites/programs.php any help would be appreciated or if anyone knows why this is happenin

Gaunt

 

[HTMLHugo]

im not an expert on css / designy stuff but it looks like font size issues / default font sizes certainly that the inner text is stretching the table cells anyway

 

[Xez]

Can you post up the code?

Is cellspacing set to 0? (in the table properties)

 

[mattgaunt]

yeah cell spacing and cell padding is set to 0, ill have a little play with the font height, but that shouldn't effect it.

Ill post the code a.s.a.p. just played with it last night and mucked up a little bit

 

[mattgaunt]

<table width="800px" align="center" cellspacing="0" cellpadding="0">
    <tr>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px" width="40px">&nbsp;</td>
        <td height="20px" width="20px" class="topleft"></td>
        <td height="20px" class="horizontaltop"></td>
        <td height="20px" width="20px" class="topright"></td>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px">&nbsp;</td>
    </tr>
    <tr>
        <td width="20px">&nbsp;</td>
        <td width="40px">&nbsp;</td>
        <td width="20px" class="verticalleft"></td>
        <td width="80px" align="center"><a href="#programDescrip" id="year1" onclick="year1()">Year 1</a></td>
        <td width="20px" class="verticalright"></td>
        <td width="20px">&nbsp;</td>
        <td width="80px" align="center"><a href="#programDescrip" id="year2" onclick="year2()">Year 2</a></td>
        <td width="20px">&nbsp;</td>
        <td>&nbsp;</td>
        <td width="20px">&nbsp;</td>
    </tr>
    <tr>
        <td height="20px" width="20px" class="topleft"></td>
        <td height="20px" width="40px" class="horizontaltop"></td>
        <td height="20px" width="20px" class="bottomright"></td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px" class="bottomleft"></td>
        <td height="20px" class="horizontaltop" colspan="4"></td>
        <td height="20px" width="20px" class="topright"></td>
    </tr>
    <tr>
        <td width="20px" class="verticalleft"></td>
        <td colspan="8">
            <div class="programDescripMenu">
                <li><a href="#programDescrip" id="introCompSci" onclick="introCompSci()">Intro. to Computer Science</a></li>
                <li><a href="#programDescrip" id="introSoftEng" onclick="introSoftEng()">Intro. to Software Engineering</a></li>
                <li><a href="#programDescrip" id="compArch" onclick="compArch()">Computer Architecture</a></li>
                <li><a href="#programDescrip" id="hiTec" onclick="hiTec()">HiTec Enterprises</a></li>
                <li><a href="#programDescrip" id="introAcc" onclick="introAcc()">Intro. to Accounting</a></li>
            </div>
            <div id="programDescripContent">
            </div>
        </td>
        <td width="20px" class="verticalright"></td>
    </tr>
    <tr>
        <td height="20px" width="20px" class="bottomleft"></td>
        <td height="20px" class="horizontalbottom" colspan="8"></td>
        <td height="20px" width="20px" class="bottomright"></td>
    </tr>
</table>

That is the table code, the classes of topleft, topright, bottomleft, bottom right are all images of 20 x 20 px and the horizontal and vertical are images of 1 x 20 px and 20 x 1 px that are repeated the whole cell left, and im just having problem with some browsers not joing the table celss together perfectly and some browsers doing it.

Anyone have any ideas why?

Edit : Just put up some screenshots it Working and one of it not working