Incorrect markup representation: Overflow-x hidden style make div elements as input.
Check following html:
<html> <head><style>.main div{overflow-x:hidden;}</style></head> <body> <div class="main"> <table> <tr> <td><div>Host Name</div></td> <td><input type="text" /></td> <td width="100"><div></div></td> </tr> <tr> <td><div>Host Address</div></td> <td><input type="text" /></td> <td width="100"><div></div></td> </tr> <tr> <td height="10px" colspan="3"><div> </div></td> </tr> </table> </div> </body> </html>
Focus first input. Press 'Tab' key. You'll see that now focused empty div.
Moambuepyre
Opaite Mbohovái (4)
FireFox 4.0.1 - bug still here.
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.
The-edmeister thank you for reply. I ask that question on forums.mozillazine.org But it is not markup bug. It is FireFox bug.
That is Bug 616594, seems to be fixed in Firefox 5
- Bug 616594 - overflow:auto causes DIV to get tab focus
You can try to verify that with the 5.0 b1 version (do a custom install and create a new profile)
Do a custom install and install each version in its own program folder to use multiple Firefox versions.
See these mozillaZine KB articles for information: