2 problem with tabels, HTML and tabels Options

[Tigerwoman]

Here is my problem.
I have made this site with Dreamweaver.
When Firefox (or any other browser but IE) loads the webpages it looks perfect. But when I load it with IE it looks wierd.



take a look at #1.
It's perfect...

take a look at #2
You see the gray "shadow" that's under the menu? It's only there in IE. Why is it there and how do I get rid of it?

that menu is build like this:

<table summary="" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="middle" bgcolor="#F2F2F2">
<center>
<table summary="sidan" border="0" cellpadding="0" cellspacing="0"
width="650">
<tr>

<td><a href="index.htm"><img src="bilder/EBKlogo.gif" alt="Eskilstuna Budoklubb" width="650" height="56" border="0" /></a></td>
</tr>
<tr>
<td align="center" valign="middle" height="30"><center>
<table width="651" border="0" cellpadding="7" cellspacing="0" class="sidbredd">
<tbody>
<tr>
<td bgcolor="#DAC9AD" class="meny"><a class="meny" href="omjutsu.htm">Om Ju-Jutsu</a></td>

<td bgcolor="#DAC9AD" class="MenySmall"><center>
<span class="RubrikVit"><a class="meny" href="Borja.htm">Börja träna</a><a href="Portfolio.html" class="MenySmall"></a></span>
</center></td>
<td bgcolor="#DAC9AD" class="MenySmall"><center class="meny">
<span class="aktivmeny"><a class="meny"
href="instruktorer.htm">Våra instruktörer</a></span>
</center>

<font class="meny"></font></td>
<td bgcolor="#DAC9AD" class="MenySmall"><center>
<span class="RubrikVit"><a href="Rekomend.html" class="MenySmall"></a><a class="meny"
href="faq.htm">Frågor & Svar </a><a href="Rekomend.html" class="MenySmall"> </a></span>
</center></td>
<td bgcolor="#DAC9AD" class="MenySmall"><center>
<a href="http://www.greenoption.org/greenoption.html"><font class="meny"></font></a> <a class="meny"
href="bildgalleri.htm">Bildgalleri</a>

</center></td>
<td bgcolor="#DAC9AD" class="MenySmall"><center>
<a class="meny"
href="Hitta.htm">Hitta hit </a>
</center></td>
</tr>
</tbody>
</table>
</center>

<!-- Meny1 *beep* -->
<!-- Meny2 start -->
<center>
<table width="651" border="0" cellpadding="0" cellspacing="0" class="sidbredd">
<tbody>
<tr>
<td bgcolor="#E7DCCB" class="meny"><div align="center"><a
href="klubben.htm" class="meny">Om EBK </a></div></td>
<td bgcolor="#E7DCCB" class="meny"><div align="center"><a
href="traningen.htm" class="meny">Träningen </a></div></td>

<td bgcolor="#E7DCCB" class="meny"><div align="center"><a
href="historia.html" class="meny">Historik</a></div></td>
<td bgcolor="#E7DCCB" class="meny"><div align="center"><a
href="stilen.html" class="meny">Stilen</a></div></td>
<td bgcolor="#E7DCCB"><div align="center"><a
href="kontakt.htm" class="meny style6">Kontakt</a></div></td>
</tr>
</tbody>
</table>
</center>

<!-- Meny2 *beep* -->

replace the *beep* with "stops"


My second problem

If you compare #3 and #4 with eatchother u'll seethe line that begins with "Eskilstuna ju-jutsu" have a LOOOT of space.
That is build up with a table. It looks like IE can handle the width of the collumn but not the height.
Why does that happend and how do I fix it?

If you want to take a closer look at my problems here is the URLs

#1 and #2 http://www.ju-jutsu.d.se/omjutsu.htm
#3 and #4 http://www.ju-jutsu.d.se/

Thank you for trying to help me!
/Ulrika

[pandy]

Hejsan svejsan!

In the first case, fixing the validation errors will fix it.
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes

In the second case fixing the errors won't fix it, but you should do it anyway.
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes
The problem here is that your have a rowspan that shouldn't be there. The code would be much smaller and easier to handle if you didn't use tables so excessively. Even if you want to stick to layout tables, there's no reason to use a table, or table cell, for everything. For example that line you want extra space around, you could do that with margins alone. No need to give it its own cell.