<a href="" style="display: block;" works in FF but not IE

[WebDevGuy]

I want it so if you click anywhere in this LI tag, not just over the "MySite" link, it will take you to mysite.com. The code below works in Firefox but not IE.

Any ideas how to fix in IE?

<li><a href="mysite.com" style="display: block;">My Site</a></li>

[WebDevGuy]

added width: 100% and it worked in IE. something in this nav section was causing it not work as it shold.

thanks everyone

[Dan Schulz]

Sounds like the infamous "hasLayout" issue with IE. As you noted, adding a width to the element fixed the problem.

Also, please do not use inline styles. They're very messy, look unprofessional, and will over-ride any styles that you apply to the same elements in an external or embedded stylesheet.