IE6 and IE7 CSS help

Question

Hi there,

working on a site for a client (demo page here, still under construction: http://www.wmaxwell.com/newsite.html ). The 4 tabs line up fine in FF 3.6, IE8 and Chrome, but when I checked it out (using Virtual PC) with IE6 and IE7, the tabs are all crooked. Can anyone using IE6 or IE7 confirm this for me, and can anyone give me some help with the css? Obviously it's a bug in their renderer, but I don't know how to fix it (I would supply a custom stylesheet for those browsers using conditional comments).

Thanks in advance!

Answer 1

Add this to your CSS: li { display:inline; }

Also, you can use IETester to check out different browsers without using a Virtual Machine.