Mystery Border Line in IE

[newseed]

Please take a look at this link:

http://www.todd-holland.com

 

This issue is in IE ONLY.

 

Hover over 'FINE TEAS' or 'TEA ACCESSORIES' from the left menu. The flyout appears but you will notice a whitish border line wrapping around the ul container of the submenu. I have been beating myself up trying to find the problem and solve it. So far tried a good number of things like no background, no borders, etc to each of the element with no success.

 

I hope someone can point me in the right direction as to what the problem is so I can fix it for IE.

 

Thank you.

[Ingolme]

This probably has something to do with the Spry menu. Maybe you're using an old version of dreamweaver. You should look into CSS menus because currently your menu could be working exactly the same as it is now except without any Javascript needed.

 

One problem with your page is that you're using an XHTML Doctype but your page is written in HTML (and has a few HTML errors as well). http://validator.w3.org/check?uri=http%3A%2F%2Fwww.todd-holland.com%2F&charset=(detect+automatically)&doctype=Inline&group=0

[newseed]

Thanks for your feedback. Unfortunately, this site is run on a ecommerce software that I really have no control over how they coded it. Yes I could clean it up but it not part of the budget. Also, the Spry function came with it. I am trying to convince the client that the Spry menu is outdated. You answer, I hope, will convince them to make a change.

 

Thank you.