Internet Explorer is killing me!

[poliking]

Hey everybody.
I've designed a website (at http://www.johnpoliquin.com/lucid/ ) and although the CSS works great in Safari and Firefox, it is screwing up in IE.
The IE version that I've looked at it on is older than 7 but common enough (all the computers at my university run it!)

The main problems:
My fonts named <H7>, <H8> & <A1> aren't working and are being read as the standard page font. I'm therefore losing the uppercase subheading and 2 of the alternate page link/rollover fonts that I really need.

This is probably a rookie mistake but if anyone had any ideas you would make my day! Thanks hugely for you help.

John

[Danner]

Exactly which version of IE are you viewing it in?

Looks a bit weird in IE 5.5 (probably box-model problems), but headings look OK.

[Geckonm]

Looks like you need to validate your code. IE6 is probably a bit confused by 'A1' etc, as they are not actually defined elements at all. I'd use standard markup, making any css problems much easier to diagnose.

I recommend this validation plugin for firefox:
h*tp://users.skynet.be/mgueury/mozilla/

[poliking]

So I just checked and it's IE6 that is messing up.

I did define it in the main.css file I thought. Am I doing something wrong? How do I use a standard markup?

***The page I'm using as an example is www.johnpoliquin.com/lucid/insidecharlie.html
It uses main.css for its styling.