Связанное изображение в HTML (как внутренняя, так и внутренняя) не будет ссылаться

Question

Я работаю над сайтом, на котором есть "переключатель" (просто изображения, связанные с другой версией сайта). Изображение появится, но оно не будет кликабельным. После некоторого устранения неполадок, я также обнаружил, что на него нажимали, прежде чем я вставлял CSS или внутреннюю стилизацию. Изображение использует и обернутую ссылку, и внутреннюю ссылку.

Код:

<a href="aboutOff.htm">
<div style="position:absolute;left:90%;float:right;">
<img src="on.jpg" href="aboutOff.htm" alt="Switch" id="switch" style="z-index:12; float:right;"/>
</div>
</a>

CSS:

#switch{
width:119px;
height:auto;
z-index:10;
}

Любая помощь будет с благодарностью. Спасибо!

Answer 1

HTML

<div class="switchContainer">
    <a href="aboutOff.htm">
    <img class="switch" src="on.jpg" href="aboutOff.htm" alt="Switch"/>
    </a>
</div>

И CSS

.switchContainer {
    position:absolute;
    left:90%;
}

.switch {
    width:119px;
    height:auto;
    z-index:10;
}