I noticed problems, well at least that's in my case, when I develop in localhost: it had happened to me more than once that chrome was playing up but when I set the site "live" it was fine. Not sure if this can be of any help
I'd nominate JamesCherrill http://www.daniweb.com/members/314062/JamesCherrill because he is incredibly helpful and patient (even when I do very silly mistakes that I shouldn't do anymore). Too many threads to post.
that's OK. I am assuming you have properly structured HTML (the one you posted is probably just an excerpt and doesn't have the opening <html> tag, no <head> etc), also make sure you have a proper doctype.
to me doesn't look like is doing anything in there, and if that is the case I would remove it completely from your html, resulting in the gap to disappear. Alternativey you could reduce both the height to 0.
Now, let's get to the most important part. Is there a reason why you are using tables? Tables should be used only for tabular data and the info on the page I am afraid it isn't tabular data, so it shouldn't be in the table. Clearly the table is used for layout in this instance. I suggest you review your code and use a different approach (using divs is much better and clearer) unless of course there is a specific reason why you have to use tables (for example it is somebody else's code and you can't change it). Also, I hope your inline styles are used just for demonstration purposes because really they belong to a css file. Hope this helps.
To start with, I'd say that rather than relying on the width of the label to position the input, you should remove that width:8em and give the input a margin-left. The input is a block element so you can safely have a margin applied to it. I am using linux at the moment so I can't test in IE, but try that I should have said: add a class to the input so you can target it easily or do input[type=checkbox]{margin-left:20px;}
If it helps, I try not to use hr anymore, anytime I need to achieve the same effect I will just use the css border property, it is much more reliable and works pretty much all the time in every browser. So say you have a <div class="myDiv">...</div> then just add this rule to the css .myDiv{border-bottom:1px solid black} (obviously tweak it as needed) and here's your pseudo-hr
More than a book you should probably start with the w3c schools website http://www.w3schools.com/w3c/default.asp, that's a good start. Then move to other online tutorial like http://css.maxdesign.com.au/floatutorial/ and maybe have a look at David Flanagan books: -JavaScript Pocket Reference, 2nd Edition -jquery pocket reference hope this helps
