html - Ссылки на якоря, не работающие в IE

Question

Я создал сайт, который работал для меня, когда я его создавал (Chrome), но когда я общался с другими браузерами на других системах ... IE не позволит мои navbar ссылки на опорные точки работают. Сайт беспорядок и немного сложный. Вот грубый набросок тела и содержания на странице:

<a1 class="anchor" id="home"></a1> 
<div id="home"> 
[content] 
</div> 
<a1 class="anchor" id="fish_shop"></a1> 
<div id="fish_shop"> 
[content] 
</div> 
<a1 class="anchor" id="fish_cafe"></a1> 
<div id="fish_cafe"> 
[content] 
</div> 

и вот css для анкеров, которые я должен компенсировать за счет навигационной панели и фиксированной слайд-шоу в верхней части экрана.

a1.anchor { 
display: block; 
position: relative; 
top: -333px; 
visibility: hidden; 
} 

Кроме того, если это означает что-нибудь, у меня есть в верхней части страницы, даже если его в .php файл.

[EDIT] Это в моем загрузочном навигаторе.

<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#home">HOME</a></li> 
<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#fish_shop">FISH SHOP</a></li> 
<li role="presentation"><a role="menuitem" tabindex="-1" style="font-family: lanenarrowlight; font-weight:bolder;text-align: center" href="#fish_cafe">FISH CAFE</a></li> 

Answer 1

Заменить эти строки:

<a1 class="anchor" id="home"></a1> 
<a1 class="anchor" id="fish_shop"></a1> 
<a1 class="anchor" id="fish_cafe"></a1> 

в:

<a class="anchor" href="home"></a1> 
<a class="anchor" href="fish_shop"></a1> 
<a class="anchor" href="fish_cafe"></a1> 

, после чего заменить эту строку в CSS:

a1.anchor { 

к:

a.anchor {