removing extra space between rows

particuar table/ row has more space

[scato345]

Hi, This is a minor issie but irritating, as I'm trying to keep the look even.

Of all the table/rows of information, the one indicated below shows an extra line.

I have checked the cellspacing, cellpadding, and can't find the difference.
I have made sure that the rowspan alignment on the left side of the page (this is on right of a "2 table" split page) and the overall "table" height of the opposite side is not the cause.

<tr>
<td align="center">
<table align="center">
<tr>
<td align="center" class=fon004>SPECIFICATIONS
</td>
</tr>
</table>
</td>
</tr>
(THIS SPACE IS FINE)
<tr>
<td align="center">
<table align="center">
<tr>
<td align="center" class=fon002>
<ul>
<li>Full Grain and Split Leather Upper</li>
<li>1000 Denier Nylon</li>
<li>Triple Stitched Upper</li>
<li>Steel Shank</li>
<li>Stitched Outsole</li>
<li>Carbon Rubber, Multi-Tred Traction,<br>Self-Cleaning Outsole</li>
<li>Compression Molded EVA Midsole</li>
<li>Removable Molded Orthotic Innersole</li>
<li>Synthetic Moisture Wicking Lining</li>
<li>Rust Proof Hardware</li>
<li>Weight - 41oz/pair (size 9)</li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
(THE EXTRA SPACE SHOWS HERE ON SCREEN)
<tr>
<td align="center">
<table align="center">
<tr>
<td align="center" class=fon004>SIZE RANGE
</td>
</tr>
</table>
</td>
</tr>
(THIS SPACE IS FINE)
<tr>
<td align="center">
<table align="center">
<tr>
<td align="center" class=fon002>
<ul>
<li>1151BRN - Regular Width (D) - 7 - 12, 13, 14, 15 <br>(Half Sizes through 12)</li>
<li>1151WBRN - Wide Width (EEE) - 8 -12, 13, 14, 15 <br>(Half Sizes through 12)</li>
</ul>
<!-- #*$!#*$!#*$!#*$!#*$!#*$!#*$!#*$!#*$!#*$! PASTE DESCRIPTION ABOVE #*$!#*$!#*$!#*$!#*$!#*$!#*$!#*$!#*$! -->
</td>
</tr>
</table>
</td>
</tr>

CSS

.fon002 { font-size: 10pt; font-weight: 400; font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular";
color: #000000; text-align: center;}

.fon004 { font-size: 8pt; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, "SunSans Regular";
color: #000000; color: #000000; text-align: center;}

[scato345]

ACTUALLY..............

Didn't notice it because I was using my IE browser on my computer and only did a check on the web with IE(6).

In ff the spacing between the rows are enlarged.

So, I am assuming that in FF tables, and rows and embedded tables yield more space between each other than in ie - except for the <ul><li> stuff which is yielded the same (more space bewteen), but the list stuff is buffered by tables and cells so I wouldn't know why it would be rendered differently.

Anyway,

Wanted to add that info about FF.

[tedster]

A lot can depend on your DTD. I find the best practice is, first, to be sure to use a DTD that will put the browser into standards mode, and not quirks mode. Then begin the css file with a rule that sets all margins and padding to zero.

* {margin:0;padding:0;}

That way you know that cross-browser, you will get what you explicitly specify, rather than one or another browser's default.

[g1smd]

I always start ficing this sort of problem by running both the HTML and the CSS through a validator just in case an error miles away in the code somewhere else is having an effect.

I assume you already did that.