Fine in IE but not in firefox (a first for me)

[jroy]

http://charterfishing.ws/

In firefox the categories box is messed up, the sides of the box dont touch the top and bottom images. The code is really messy because im editing an existing turnkey site. What i did was make the top image one row with colspan=3 and then the middle is another row with 3 colums, the first column is the left repeating border, the middle column is the content, and the right column is the right repeating border and the bottom is another row with colspan=3, i cant figure out why the border doesnt touch the top and bottom, if your confused about what i just said then tell me and i will try to make it clearer

 

[Crusader]

Try playing around with your v-align attributes. Set it to top.

 

[jroy]

didnt change

 

[abdulmueid]

maybe you are using IE-specific attributes in your style-sheet. Try and validate it at the CSS validation site...

 

[jroy]

wheres the css validation site? i tried removing/changing everything that would mess with the box

 

[jroy]

anyone else?

 

[Matt]

Jroy - MSN me.

I'll sort it out for you now

Rgds
MAtt

Try This

<table width="152 border="0 bgcolor="#ABC1D6" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" height="26">
<img src="http://charterfishing.ws/images/catheader.gif">
</td>
</tr>

<tr>
<td align=center width=148 style="width:2px;" height="100%" background="http://charterfishing.ws/images/catborder.gif">

<img src="http://charterfishing.ws/images/catborder.gif"></td><td style="width:148px;">
<p>
<span class="bodysm">  <a href="directory.php?ax=list&sub=80&cat_id=80">Charter Boats By State</a><br /></span> </p>
<p><br><br><strong><font color="30539B">• SEARCH</font></strong></p>

<table border="0" cellspacing="0" cellpadding="0">
<form id="search_form" action="directory.php?ax=search" method="post">
<tr>
<td class="bodymd" align=center width=148><input type="text" name="search_for" size="10"/></td>
</tr>
<tr>
<td align=center><input type="submit" name="submit" value="Search"/></td>
</tr>
</form>
</table>
<br />

</td>
<td style="width:2px;" height="100%" background="http://charterfishing.ws/images/catborder.gif">
<img src="http://charterfishing.ws/images/catborder.gif">
</td>
</tr>
<tr>
<td colspan="3" height="6">
<img src="http://charterfishing.ws/images/catbottom.gif">
</td>
</tr>
</table>

 

[jroy]

what did you change? i cant just replace the whole thing because there is php in between i added you to aim

 

[abdulmueid]

here is the W3's CSS validator.

http://jigsaw.w3.org/css-validator/