CSS Cross Browser Issue

[skipjensen]

My site is done except for one nagging cross-browser compatibility issue. On my main index page only (all other pages render consistently), the text in the center box renders completely differently in different browsers. It is perfect in Firefox and Google Chrome, then bolder and larger in Safari (but still livable), then huge in Opera and Internet Explorer. I am a total newbie with CSS, and can change the style sheet to adjust it in one browser or another, but I have no idea how to make it browser specific. I am not looking for perfection, but want it to be presentable. I would very much appreciate some help as I am supposed to launch this tomorrow, and it is one of the last details aside from uploading final product information and tweaking a few settings. This is the URL [URL="http://www.trollshirts.com"]

[stevesh]

You didn't close your <h6> tag properly:

<h6/> - should be </h6>

[Kim]

More than that - you have the <h> tags nested in the "greeting" text - I would suggest removing the <h6> & <h3> altogether.

<h2 class="greeting"> <h6> This site is intended for use by our retailers to order wholesale Ray Troll products. To place an order, you must log in and apply for Wholesale status. You will find more information about setting up an online account in the "Information" box on the right.<h6/><h3><br> Would you like to <a href="http://www.postindustrialpress.com/trollshirts/index.php?main_page=login">log yourself in</a>?</br><h3></h2>

[skipjensen]

That worked perfectly. I figured it had to be something little I had done incorrectly. Thank you very much for your help!

SJ