Originally Posted by Blue Ire
Didn't look at it in IE (can't atm) but h2.puzzlegames etc would work better as .puzzlegames. More flexible that way (also the correct way to form it, unless overriding an ID).
|
Definitely more flexible but I'm not sure about overriding IDs.
An ID has a specificity of 100, whereas class + element only scores 11:
http://www.htmldog.com/guides/cssadvanced/specificity/
Anyway a solution to your problem; the button (id="go") needs a closing tag : <button id="go" name="go"></button> . IE was putting the entire rest of the page INSIDE the button because it didn't think it had been closed. Use the IE developer toolbar to explore the DOM to figure out things like this
I think you probably don't even want a <button> at all. You need an <input type="button" vaule="go"/> if you want it to submit the form. You'll also need a <form> for it to submit properly.
Finally I'd remove the extra whitespace lines before and after the DOCTYPE. DOCTYPE should always be the very first line of the page, immediately followed by <html>. Certain versions of certain browsers have issues otherwise.
--Serializer