How to make IE and Firefox display hidden elements the same (IE shifts visible element)
- by Dale
Rendering the same html in IE and Firefox gives me a different result because in IE, the hidden checkbox is not ignored, from a layout perspective:
<html><head>
<style type="text/css">
<!--
#checkboxhide { position: relative; visibility: hidden; font-size: 8.5pt; font-weight: font-family: verdana;}
//-->
</style>
</head><body>
<table><tr>
<td>|</td>
<td><span id="checkboxhide"><input type="checkbox" hidden="" name="blah"></span>|Greetings Earthings</td>
</tr></table>
</body></html>
How can I get the two (or more) browsers to show the same thing?