Trouble with CSS fonts in IE. Am I doing it wrong?

[KyferEz]

I have been working on a website for a while. I am beginning to use CSS for all my fonts, and thought I had it all figured out when I discovered that Internet Explorer does not properly display my fonts. However, when viewed in Mozilla, it works fine.

Take a look at this page:
http://www.markgrenellarchitect.com/test.html

Here is the link to the stylesheet used in the page:
http://www.markgrenellarchitect.com/basicstyle.css

Note the new elements n1, n2, inv1, inv2, etc.? Well, this works fine in Mozilla and it displays exactly right. However, when viewed in IE, it ignores the use of <n1> and <n2> elements.

If I do a CSS Validation, I don't get any errors.
If I do a W3C Markup Validation I get this error:
"Line 154, column 15: element "N2" undefined
<n2>New Hanover Medical Specialists</n2></td>"

I must not be doing something correctly, but I can't seem to figure it out. Any help pointing out my stupid mistake is greatly appreciated.

[MstrBob]

What exactly is <n3> and <n2> and all? Do you mean <h2> and <h3>? And I don't see a difference between browsers.

[Jona]

Mozilla ignores those elements because they do not exist; the letter is H not N. ;)

Also, if you'd like to save about half of your bandwidth I'd suggest moving to complete CSS design and getting rid of most of that excess JavaScript (and the remaining JavaScript put into external files for caching).

[KyferEz]

n1 and n2 are tags I made up. I read through some of a CSS manual at and thought that you could make up new font tags, and even have font classes if you wanted. If you look at the basicstyle.css file you see I am trying to define n1, n2, etc. as font styles. Am I incorrect in doing this, or in how I am applying them?

[NogDog]

I think, if I understand what you are trying to do, that you'll get the desired effect by making things like "n1" into CSS classes, since they are not actual HTML elements. For instance, change the CSS for the n1 element to:
.n3 {font-family: etc....}
Then wherever you want that effect, add a "class" parameter to the applicable HTML tag:
<td class=n3 width="15%" valign="middle">Wilmington, NC</td>

[KyferEz]

NogDog, THANK YOU! That is exactly what I was doing wrong/misunderstanding. Thank you.