Marquee ( rolagem de texto ) não func. no FIREFOX ?

http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

Alguém saberia me explicar, o porquê o marquee que implemente dentro da div(rolagem) com borda vermelha ela ultrapassa a altura da div, passa a outra altura da div colcentro e morre depois e nasce certo no inicio.

queria que o texto morresse no fim da linha vermelha.

NO FIREFOX , agora no INTERNET EXPLORER 6 funciona perfeito, morre antes da linha final. pq acontece isso ? tem como resolver esse problema ?

estou colocando o código aki. so copiar e salvar numa pagina .html e abrir no firefox.

<style type="text/css" >

 /*Zerando os elementos*/

* {

 margin:0px;
 padding:0px;
 list-style:none;
 text-decoration:none;

 }

.contato {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 height: 325px;
 width: 725px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.button {
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}
.subtitulo {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 background-color: #339900;
 height: 14px;
 font-weight: bold;
}
.form {
 color: #FFFFFF;
 background-color: #669933;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
 font-variant: normal;
}

.celula_contato {
 height: 280px;
 color: #000000;
 padding-top: 20px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 width: 520px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}

table {

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

 color: #FFFFFF;
}
.coldireita {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 130px;
 height: 80px;
 float: left;
 margin: 7px;
 border: 1px solid #339900;
}
.colcentro {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 height: 180px;
 width: 170px;
 float: left;
 margin: 4px;
 border: 1px solid #009900;
}
.colesquerda {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 height: 180px;
 width: 170px;
 float: left;
 margin: 5px;
 border: 1px solid #009900;
}
.fecha_3colunas {
 height: 200px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 clear: both;
}
.end {
 margin-top: 6px;
 margin-right: 0px;
 margin-bottom: 6px;
 margin-left: 0px;
 height: 20px;
 text-align: center;
 clear: both;
 border: 1px solid #009900;
}

.rolagem {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 width: 170px;
 color: #000000;
 height: 150px;
 border: 1px solid #FF6600;
}

</style>

<div class="contato">
 <div class="celula_contato">

 <div class="fecha_3colunas">

	<div class="coldireita">
 <div class="subtitulo">Veja+</div>
 <div>
 <ul>
 <li>+Camisetas 1</li>
 <li>+Calças 1</li>
 <li>+Calçados 1</li>
 <li>+Bermudas 1</li>
 </ul>
 </div>
	</div>

	<div class="colcentro">
 <div class="subtitulo">Eventos</div>

 <div class="rolagem">
 <marquee direction="down" scrollamount="1" onmouseover="this.scrollAmount='0';" onmouseout="this.scrollAmount='1';">
 <UL>

 <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=23" >Testandooooooooo</a></li>
 <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=10" >Testandooooooooo</a></li>
 <li><strong>»</strong> <a href="index.php?area=notshow&&assunto=12" >Testandooooooooo</a></li>

 </UL>
 </marquee>
 </div>

	</div>

	<div class="colesquerda">
 <div class="subtitulo">Empresa</div>
 <div>O Skate é, sem dúvida, um dos esportes radicais mais conhecidos atualmente. Sua popularidade vem dos grandes ídolos do esporte e da grande cobertura da imprensa. Nos últimos anos o crescimento do skate trouxe um grande número de patrocinadores e os campeonatos são cada vez mais disputados. mais »</div>
	</div>

 </div>

 <div class="end">Content for endereço da loja</div>

 </div>
</div>