Overlapping Buttons in Firefox - Using HTML/CSS - Works in IE6

Question

I have html that is being ingnored. Here is the snippet:
<pre><nowiki><%}else{%>
<DIV> <div style="float:right> <DIV CLASS="smallbuttons">
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<input type="image" src="Images/Save.gif" style="cursor: hand" alt="Save data">
<img src="Images/Cancel.gif" style="cursor: hand" alt="Reset form values" onClick="javascript:reset()">
</TD>
<TD align="RIGHT">
<input type="button" name="E-Mail Notification" value="E-Mail" onClick="javascript:popemail();">
<input type="button" name="Help" value="Help" onClick="javascript:help();">
<img src="Images/Reviewnotes.gif" style="cursor: hand" alt="Create or read review notes for this component" border="0" onClick="javascript:reviewnotes();">
<img src="Images/Comments.gif" style="cursor: hand" alt="Create or read comments for this component" border="0" onClick="javascript:comments();">
<img src="Images/Reports.gif" style="cursor: hand" alt="Go to report page" border="0" onClick="javascript:goto('ReportSelection.jsp?selectedyear=<%=request.getParameter("year") %>&selectedcountry=<%=request.getParameter("country") %>&selectedle=<%=request.getParameter("le")%>&selectedbu=<%=request.getParameter("bu")%>')">
<img src="Images/Home.gif" style="cursor: hand" alt="Go to ITRP home" border="0" onClick="javascript:home();">
<img src="Images/Divisions.gif" style="cursor: hand" alt="Go to business unit home" border="0" onClick="javascript:buhome();">
</TD>
</TR>
</TABLE>
</DIV> </DIV> </DIV>
<%}%>
</nowiki></pre>
It's using the css Below:
<pre><nowiki>TD {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : 330033;
.number{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
.smallbuttons
position: absolute;
top: 92px;
float:right;
left: 10px;
.regular{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}</nowiki></pre>
But the buttons overlap the text. I'm trying to shift the buttons from email etc to the right. Any ideas would be appreciated. This issue causes the text that in IE a row lower to shift up and the buttons overlapp.

Answer 1

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25<br />