Hello Guys,

I've been scouring over my codes and I can't seem to figure out whats wrong for the past week. I finally gave up and I'm looking for help.

www.houseoffitteds.com - works fine on Firefox

but on IE. The View & Cart links are not adapting the properties as they are in Firefox. Instead it's RED instead of teal and white

The CSS link - HERE


on Chrome, the colors seems correct but I'm assuming there is something wrong with my divs or spans.

Each section has its own page - This is for the 1st section "House of Fitteds x New Era" - HERE


I also want to curb the length of the drop down menu on the top navigation. If you hover over ON FIELD , it'll drop down pass the viewable page and forces the users to scroll down to see the rest,

How can I make limit it's height and force it to stack any <li> that is passed its height allowance to the right of it.

CSS for the top navi - HERE


I'd appreciate any help (and you won't believe how much I'll appreciate it. I've been tearing my hair out and smashing my face on my keyboard)

Thanks.

Don't want to seem impatient or ungrateful but does anyone have a solution to this. I think half of my hair went gray trying to figure this out.

!important should follow the rule that it applies to, NOT precede it.

Another comment - IE doens't support the XHTML 1.1 DTD, which you are using.

I take this <class id="xxxxx"> is a construct of the cart because there is no such tag...??

By the way, if you need the !important hack (and it is a hack), then you need to look more carefully at your specificity in your CSS.