Кнопки не работают в Firefox

[Ololosh]

Кнопки не работают в Firefox

Всем привет, дорогие друзья! Где-то когда-то смотрел курсы, говорилось, по каким причинам кнопки могут работать в одних браузерах, а в других - нет. И вот столкнулся с подобным сам.
Есть три кнопки в ряд, в хроме и ИЕ работают на ура, наживаются и переходят туда, куда ведут. А в Мозилле кнопки не работают и никуда не переходят.
Помогите, пожалуйста. Пытаюсь гуглить уже час, пишут, что дело в Java. Но, в чем именно, не понятно.
Вот, часть кода, которая не работает в фаерфоксе. Если можно, разъясните, как новичку. Если еще какая информация нужна - сброшу.

</div>
</div>
<div class="button">
<div id="but"><button id="button" align="center" class="but1"><a href="ссылка по которой переходить" style="text-decoration:none; color:white;" >Название</a></button></div>
<div id="but"><button align="center" id="button" class="but2"><a href="ссылка по которой переходить" style="text-decoration:none; color:white;" >Название</a></button></div>
<div id="but"><button align="center" id="button" class="but3"><a href="ссылка по которой переходить" style="text-decoration:none; color:white;" >Название</a></button></div>
</div>

 

[GlaZZZ]

А Зачем куча лишних DIV???

 

[goodyear225]

кто ж внутри кнопки ставит ссылку?

 

[Chervones]

Работающий код мог бы выглядеть так:

<div class="button">
<button href="ссылка по которой переходить" align="center" id="button" class="but3">Первая кнопка</button>
<button href="ссылка по которой переходить" align="center" id="button" class="but3">Вторая кнопка</button>
<button href="ссылка по которой переходить" align="center" id="button" class="but3">Третья кнопка</button>
</div>

Написать бы под него еще пару строк CSS конечно.