werden Elemente, die mit float positioniert werden, auch nicht mehr richtig gerendert.

<div class=leftbutton style="float:right;padding-right:2em">
<A  HREF="#" onClick="cp.select(document.send.forcolor,'pick');return false;" NAME="pick" ID="pick"><?php print $mehrFarben ?></A><br />
<input id=fg7 onclick="reset_color(this)" style="display:inline;position:relative;text-align:center;margin-right:2em;color:<?php print $_POST['forcolor'] ?>;background-color:<?php print $_POST['backcolor'] ?>" type="text" name=forcolor maxlength=7 value="<?php print $_POST['forcolor'] ?>">
</div>



<div class=leftdiv>
<div class=leftbutton><input  onclick="reset_color(this)"  id=fg0 type="radio" value="#FFFFFF" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#FFFFFF')print 'checked'; ?>><span style="color:white;"><?php print $col[1] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg1 type="radio" value="#0000FF" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#0000FF')print 'checked'; ?>><span style="color:blue"><?php print $col[2] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg2 type="radio" value="#FF0000" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#FF0000')print 'checked'; ?>><span style="color:red"><?php print $col[3] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg3 type="radio" value="#FFFF00" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#FFFF00')print 'checked'; ?>><span style="color:yellow;"><?php print $col[4] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg4 type="radio" value="#CC6600" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#CC6600')print 'checked'; ?>><span style="color:salmon"><?php print $col[5] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg5 type="radio" value="#00FF00" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#00FF00')print 'checked'; ?>><span style="color:green"><?php print $col[6] ?></span></div>
<div class=leftbutton><input  onclick="reset_color(this)" id=fg6 type="radio" value="#000000" name=forgroundcolor <?php if($_POST['forgroundcolor']=='#FF0000' || $_POST['forgroundcolor']=='')print 'checked'; ?>><span style="color:black"><?php print $col[7] ?></span></div>
</div>

<FORM><INPUT TYPE='TEXT'></FORM>

<FORM></FORM><INPUT TYPE='TEXT'>

<div style="float:left"><input type="text"></div>

Das 1. Div mit einem text und einem text-input hat nun einen float:right. Normalerweise kommt dieser container links ( float:left) neben die radio-buttons, aber im ff keine Chance.

Bei ie und opera kein prob.

Nur für ff : Also float:right und vor die anderen Container mit dem Ergebnis das der anchor text aus dem a-tag fliegt.

Ergebnis: Der hover und click event liegen als schmale Linie über dem text.
Diese unerreichbare Linie kriegt man auch beim besten Willen nicht breiter.

<div style="float:left"><input type="radio" name=group1> text1</div>
<div style="float:left"><input type="radio" name=group1> text2</div>
<div style="float:left"><input type="radio" name=group1> text3</div>
<div><input type="radio" name=group1> text3</div>

Wenn du jetzt auf den Link für mehr Farben klickst, siehst du, was ich meine.

Sonst probier das mal aus:

Wenn du mal den Validator bemühst, wirsst du sehen, dass auf der Seite einige Tags nicht korrekt geschlossen oder verschachtelt sind - ich würde es nicht ausschließen, dass dies Firefox an der Stelle aus dem Tritt bringt.

<a href="#" style="float:left">text
<span style="position:absolute;">hover_text </span>
</a>