I have this list of checkboxes displaying properly in Opera and IE, but
cannot get it in Firefox. For some reason, in FF, the checkboxes creep
farther and farther to the right across the page, with each successive line:
[ ] This is item one
[ ] This is item two
[ ] This is item three
[ ] This is item four
I would be grateful for some pointers on what's causing it and what I can do
to fix it.
Thanks
Timo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML LANG="en-US">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Check List formatting issue</TITLE>
<style type='text/css'>
#container {width: 500px}
#checklistcontainer {width:100%}
.chkitemcontainer {width: 100%; height: auto; }
.chkboxcontainer{width: 33px; margin-left: 12px; float: left;}
.labelcontainer { float: none; height: auto; width: auto}
</style>
</HEAD>
<BODY>
<FORM method="post" action="someform.html" id="Form1">
<div id="container" >
<div id="checklistcontainer">
<div class="chkitemcontainer">
<div class="chkboxcontainer"><input type="checkbox" /> </div>
<div class="labelcontainer"><span><a href="#">This is Item Number 1 in the
checklist</a></span></div>
</div>
<div class="chkitemcontainer">
<div class="chkboxcontainer"><input type="checkbox" /> </div>
<div class="labelcontainer"><span><a href="#">This is Item Number 2 in the
checklist</a></span></div>
</div>
</div>
</div>
</FORM>
</BODY>
</HTML>