hi i have a table in my html page, in the table the first tr has images and next tr has text and it look's good in IE and chrome brower's like this
but when i use in firefox browser it looks like this
i just used css (text-align:center) for td and (border-collapse: collapse,width: 100%) for table thats all...my html code:\[code\]<table class="foottable" border="0" cellpadding="0" cellspacing="1"> <tr> <td class="foottabcen"><img id="check" src="http://stackoverflow.com/questions/15716061/images/unchecked.png"/></td> <td class="foottabcen"><img id="export" class="image1" src="http://stackoverflow.com/questions/15716061/images/excelicon.png" /></td> <td class="foottabcen"><img id="test" class="image1" src="http://stackoverflow.com/questions/15716061/images/mailicon.png" /></td> <td class="foottabcen"><img id="sms" class="image2" src="http://stackoverflow.com/questions/15716061/images/smsicon.png"/></td> <td class="foottabcen"><a href="http://stackoverflow.com/questions/15716061/admin_chart.jsp" id="graph"><img class="image1" src="http://stackoverflow.com/questions/15716061/images/charticon.png" /></a></td> <td class="foottabcen"><img id="print" class="image1" src="http://stackoverflow.com/questions/15716061/images/printericon.png"/></td> </tr> <tr> <td class="foottabcen">Select all</td> <td class="foottabcen">Export to excel</td> <td class="foottabcen">Mail</td> <td class="foottabcen">SMS</td> <td class="foottabcen">Graph</td> <td class="foottabcen">Print</td> </tr> </table>\[/code\]my css code:\[code\].foottable{ width: 100%;border-top: 2px solid #D4D4D4;border-collapse: collapse;background: white;}.foottabcen{ color:black;text-align: center;}\[/code\]please help me.........