Невозможно получить кнопку для отображения в IE 7

Question

У меня есть кнопка, созданная так:

<div id = "userForgot">
<!-- Back button used -->
<button id = "forgotGoBack" onclick = "backToPage()" >< Back</button>
<!-- Form used to submit all membership info to be used on server -->
<form id = "ForgotForm" action = "/" onclick = "formURL(this)" method = "post" >

Я не могу заставить его отображаться в IE 7. Это единственный элемент, который не будет отображаться. Я могу найти кнопку (если я прокручиваю, где она должна быть, я получаю указатель, и если я нажимаю, где она должна быть, она работает. Вот мой css, который используется для всех, кроме IE 7:

 /*
  * The back button for the page
  */
 #forgotGoBack
 {
     z-index: 500;
     color: #fbfbfb;
     font-family: Arial;
     font-size: 11px;
     position: absolute;
     top: 400px;
     left: 305px;
     border: 0;
     padding: 0;
     background-color: transparent;    
 }
    #forgotGoBack:hover
    {
        cursor: pointer;
    }

Вот мой код, который я использую для IE 7 Только с помощью этой команды:

<!--[if IE 7]><link rel="stylesheet" href="Styles/DefaultStyleForIE7.css" type="text/css" media="screen, projection"/><![endif]-->

/* Made back button visible */
#forgotGoBack
{
    z-index: 300;
    position: relative;
    color: Red;
    left: 0px;
    top: 0px;   
    display: block;
}

Я сделал color красным, потому что он выпадал на моей странице, и я мог видеть его легче. Я также пытался переместить его в другую позицию с помощью вызовов left и top. Я попытался использовать position: relative вызов, потому что я читал, что в некоторых случаях это исправляет проблемы IE 7, как у меня. Независимо от css, который я добавляю в код IE 7, кнопка не будет двигаться. Я также добавил код к div, удерживающему кнопку, в надежде, что это была проблема.

#userForgot { z-index: 200; }

Есть предложения?

Answer 1

Если есть поплавок, он будет скрыт. Попробуйте обернуть элемент div вокруг кнопки, и он должен автоматически появиться. Не давайте div никаких стилей.

В противном случае, вы можете разместить всю разметку вокруг него?