Hi there, I'm in a bit of a pickle over some cross compatibility issues with a site I’m working on at the mo... http://www.peakwhite.tv/overland/home.asp It seems all fine and dandy in IE7 / FF, but I have problems in IE6 where the button goes ka-ka, I've had a look on this site for answers and people seem really helpful but I'm unsure on how to implement some of these remedies into the site I’m working on. Just to make it clear I’m a graphic designer with very sketchy HTML/CSS knowledge which is why it might look a little cak but I’m just starting learn Cheers for any help you can provide..
I'm pretty sure it's because IE6 doesn't recognize li:hover. It only recognizes a:hover. These may be a little difficult for you since you're still learning HTML/CSS but they work in ie6 also: 1. Using CSS only: http://www.csswoes.com/2008/04/21/creating-drop-down-menus-with-only-css/ 2. Using CSS/Javascript: http://www.csswoes.com/2008/04/19/creating-drop-down-menus-using-javascript-and-css/ Also, you may not want to hear this but, try not to use tables to make the layout of your site. Use divs instead. I'd get into that, but I'm sure there's a discussion on tables vs divs here on this forum somewhere.
Everything Rikun said, PLUS you should probably ease up on throwing classes at things like crazy (If you need to call the same class twice in a row without the tag being classed being present in itself, inherit off the parent), and don't bother with out of date presentational attributes like Align, which 'strict' modern doctypes isn't even valid markup anymore. For example, all those class="MAINFONT" are unneccessary. Whereever in your CSS you are doing .MAINFONT, I would be doing #mainContent p ... to apply that right align to the blockquote, I'd set text-align:right on blockquote and remove all those align properties. You're chock full of 'dead' elements. Spacer.gif's weren't necessary a decade ago, they have no place in code today. Empty elements for vertical spacing - that's wasting markup on doing the job of margins and/or padding, target attribute targeting self is completely pointless, NOT that any modern code should be using the target attribute in the first place, DIV's inside LI that aren't doing anything, attempts to use the same ID more than once, tables for no good reason, all culminating in almost 8k of markup for just under 900 bytes of actual page content, easily more than DOUBLE what is needed for such a simple layout. Of course, 99.99% of the problems can be rest squarely on the shoulders of this part right here: Fireworks CS3 Dreamweaver CS3 target Code (markup): That explains a LOT of what I'm seeing, since as I keep saying the only thing you can learn from adobe is how NOT to make a website.