My notes:
- Get rid of the splash page. It's unnecessary, and as fate would have it, I don't have Flash installed yet anyway, so I can't see the Cool animation.
Not to mention the fact that it uses some really bad-looking HTML, such as <font>. No <font>. Do not use it.
- Your site likely looks different between IE/Gecko/Opera because of some things:
* No valid doctype. Get one here:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
No doctype, and IE6 switches to quirkes mode, which is mostly an incorrect box model that affects padding/border/margin/width, and can upturn a layout.
* IE's generally bad support of CSS in these modern times. Advice: write for Gecko (Mox, FFX, Netscape 6+) or Opera, then squish bugs for IE.
- I'm not sure why your site looks different online/offline. There must be
some kind of difference
somewhere, so view the source of the online file first, and compare it to the offline file.
- for :visited and :hover, you only need to specify styles that actually change. And
font-weight:normal is obviously unnecessary, unless the parent element has its font weight set to bold.
- try not to use P (paragraph) for DIV. Try not to use too much DIV with all those unique classes; they'll only clutter up your stylesheet. Use logical markup. For instance this baby:
<p class="image">
<img src="picz/theboard750x500.jpg">
</p>
Why the P there? Why not remove the P, set the image to display:block and predictably modify its CSS from there on?
Clean XHTML = :driver