.CSS help please - IE & FF different results

[kpowning]

can someone please help me with this. I know this isnt a .css forum, but help would be much appreciated. I have the following:

<p><a href="mempage.php?do=layout"><span style="margin-right:125px;">Profile Colors</span><span style="background:#<? echo $memsettings['primarycolor']; ?>; height:10px; padding:0 5px; margin-right:2px;"></span><span style="background:#<? echo $memsettings['secondarycolor']; ?>; height:10px; padding:0 5px;"></span></a></p>

The colors show up next to "Profile Colors" in firefox, but in Internet Explorer no colors can be seen. Please help.

[coldwerturkey]

This is untested in IE, but I'm sure its good

<p><a href=''>
<div style='width:140px;overflow:hidden;'>
  <div style='float:left;width:110px;'>Profile Colors</div>
  <div style='float:right;width:25px;height:12px;'>
    <div style='float:right;width:10px;height:16px;background:blue;'></div>
    <div style='float:left;width:10px;height:16px;background:red;'></div>
  </div>
</div>
</a></p>