Display issues

[NeillM]

Thanks to everyone who tries to help on this issue.

I recently set up a fresh design for my company website. This new design works without any issues in Safari (100% compliant), Opera (89%), Firefox (85%) and Chrome but does not work in either IE8 or IE9 without the compatibility function activated.

My gut feeling is that this is still a problem with IE rather than an actual website design issue but i am willing to be shown/proven wrong.

Anyone else with any ideas or comments on this issue.

The site is www.nacintgp.com

Many thanks

 

[DHDdirect]

I've made two changes that seem to do the trick (in IE8) while remaining the same in the other browsers.

The first one was change all of the display:block statements to display:inline-block such as:

.blah blah { display:inline-block; }

and I also changed:

.nac_linedrop .select :hover .rt li {float:none;}

Hope that helps.

 

[d a v e]

validating your code and fixing it might help in some of your issues, or at least clear those errors out the way.
also you shouldn't be building sites with tables for layout and font tags

while i'm at, you could really do with some increased line-height

some references help, if you're interested
http://www.htmldog.com
http://www.opera.com/company/education/curriculum/
http://www.w3schools.com/
http://www.cssbasics.com
http://www.sitepoint.com/article/html-css-beginners-guide/
http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-your-first -website-in-easy-to-understand-steps/