Screwy H2 Positioning

[jwboyte]

Hi - I was feeling pretty good about this site, even though it was getting more and more complicated. But now I'm having problems with the H2 tags in a particular page (I also did a test and had a similar problem when I added a second H1 tag as well).The site is: http://boyteandminore.com/TMT/news.htmThe CSS lives at: http://boyteandminore.com/TMT/resources/tmt.css It looks fine in IE, but in Opera and Firefox the second H2 tag is hiding behind one of the event description sections. I've tried all sorts of things, but can't figure it out at all. I tried validating the CSS, and while it validated fine a couple days ago, it doesn't like the page anymore, even though little has changed. For example, it is saying that I need closing </div> tags, when I know they are there. Screwy.I'd appreciate some help.Thanks a lot...JB

[jwboyte]

I'd really appreciate some help - please let me know if I can do anything to help make it clearer. I know it's a lot to wade through...

[croatiankid]

okay first we need to validate your code. http://validator.w3.org/check?uri=http%3A%...FTMT%2Fnews.htm is the URL. For starters, you're using an HTML DOCTYPE, but have XHTML elements, like XMLNS and XML:LANG; get rid of them. change get rid of the backslash in

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

in HTML METAs and LINKs don't need to be closed. Then get rid of

</link>

. You cannot use a specific ID more than once in the same document. The whole point of IDs is they're unique for one element on the page. change them to CLASSes and update your CSS accordingly (change the relevant #s to .s).error 26: you have messed up comments, looking like

<!---comment--->[code]. Comments are supposed to follow this scheme: [code]<!--comment-->

. notice there are only two dashes on each side, not three.

[jwboyte]

Many thanks for the tips. I'm new to CSS, but figure the best way to do it is dive right in. I appreciate the help.JB