Image Inside List Item Inside Link Not Clickable In IE

The HTML code:

• 

  Home

Solution 1:

You should provide a larger sample of your HTML, but I can already see that it's invalid:

<a href='index.php'> 
    <li>
        ..
    </li> 
</a>

• You either have an a element as a direct child of a ul element which is invalid.
• Or, you don't have a containing ul element, which is also invalid.
• It's only valid to use an li element inside a ul or ol element (and a couple of other less common scenarios).

Valid HTML would look like this (assuming HTML5!):

<ul>
    <li>
        <a href="#">
            <img src='images/icons/home.png' alt='' />
            <p>Home</p>
        </a>
    </li>
</ul>

Once you use valid HTML, it should work in IE.

(But, you didn't specify what version of IE, so I'm just guessing that it will.)