Hi Folks: here is the link to my website: www.joeyworldfamous.com.

When this site is viewed in Firefox 3.0 the four main categories across the bottom would read left to right (on one horizontal row) 'available art' 'my clients' 'world famous tv' and 'contact me' with the various verbiage beneath each category. This is displayed perfectly in Firefox 3.0.

However, IE 7.0 and 8.0 incorrectly wrap the 'contact me' category and related verbiage down to the lower left beneath the verbiage for 'available art'.

Can anyone assist me to fix this display problem in IE 7 and 8? This is driving me bonkers. I'm at a total loss... Let me know if you need me to post any additional files like css, etc...

PS: 1st attachment is how it should look and how Firefox 3.0 displays the page. 2nd attachment is how IE 7 & are inappropriately wrapping the 'contact me' section of the index.html page.

I don't see neither of what the images show in Safari 3/Mac. Just un unstyled page. The CSS you import from Mark Boulton don't seem to get imported. The W3C CSS validator reports Parse Errors on all @import rules.

There are also markup errors reported by the online validator you should fix.