Remove white background from Category nav IE
 

I can't get rid of a white background that is appearing in IE but not in Firefox:

Website: http://www.whatsinthejewellerybox.com

Look at left navigation - Categories.

List is in a white box (in IE) :(

Should have background colour of #fce640 and a white hover (OK in Firefox)

Re: Remove white background from Category nav IE
 

Use Firebug to see what css class is causing it:

http://getfirebug.com/

Re: Remove white background from Category nav IE
 

Could be one of the IExx.css files. They do not apply to FF so you don't see it there

Re: Remove white background from Category nav IE
 

Thanks - will check that out. Didn't think of that.

Re: Remove white background from Category nav IE
 

Yep - got Firebug. Always use it.
Useless in IE though, so needed a fresh perspective on it and came here.

In future I will say I have Firebug. I use it CONSTANTLY.

Re: Remove white background from Category nav IE
 

You can use the developer toolbar with IE - it is not as nice as firefox, but it can be very helpful.

I took a look using the developer toolbar in IE8 and changed this:
main.IE7.css
.fancycat-icons-e UL LI from white to #fce6fo
and the pink background with white mouse overs seems to work now

Also - firebug is far from useless, even when looking at problems with IE. If it works in one browser and not another, you can compare the differences, and you need the best available tools in each to trace browser differences.

Re: Remove white background from Category nav IE
 

Thanks for your help.
I forgot about the styling in the modules

/modules/Flyout_Menus/Icons/main.IE7.css

Thanks again

Re: Remove white background from Category nav IE
 

I fixed the background, but now the ul li ul is cut off at the right

Any ideas with this? I'm not good at IE bugs !

Re: Remove white background from Category nav IE
 

I'm not sure I understand what you are trying to change, but here is something that causes differences in the appearance of your mouseovers:

in FF:
main.css
.fancycat-icons-e ul width 150px

in IE8:
main.IE7.css
.fancycat-icons-e ul width 127 px

Probably should heed the advice given you above by Steve about looking at the IE css files, Any changes you made to main.css might also need to be accounted for in the IE files. Rather than just looking at the code - I find it easier to use IE developer tools and compare directly with what you see in firebug to get to the differences quickly.