Ссылки не появляются в т.е. 8, но они появляются в Chrome

Question

У меня есть несколько обычных ссылок на садовые разновидности (это asp.net MVC 2, поэтому маршрутизация может быть немного странной), которые появляются в chrome, но не в т. Е. 8. Как, черт возьми, это происходит?

А здесь ссылка отображается в Chrome ...

Ссылки, на которые я ссылаюсь, - это ссылки «Добавить пациента» и «Добавить контакт» в левом нижнем углу страницы. Вот якорный тег садового сорта, который генерирует ссылку ...

<a class="AddPatDlg" href="/PatientACO/AddPatient?PopID=1" title="Add Patient ACO Data">Add Patient</a>
<a class="AcoData" href="/PatientACO/AddEncounter?PopID=1" title="Add New Patient Encounter">Add Encounter</a>

Я схожу с ума? Как же это возможно?

* Я только что заметил, что если я прокручиваю вверх до места, где я не вижу ссылку, и прокручиваю вниз, ссылки появляются. Когда я наведу на них курсор мыши, они исчезнут ... Справка *

обновление 2: дополнительный код

<div id="countdownDiv" style="display:none" align="left">  
<p><font color="#990000"><b>This session has expired.  Please Refresh the page</b> </font></p>
<form action="/PatientACO/TemplateInfo?PopulationID=1&amp;ActiveAll=1" method="post"> <input type="submit" value="Refresh" id="test" /></form></div>
<div id="frReloadDiv" align="right">
  <form action="/PatientACO/TemplateInfo?PopulationID=1&amp;ActiveAll=0" method="post"> 

    <input type="submit" value="Show All" id="test1" /></form><form action="/PatientACO/TemplateInfo?PopulationID=1&amp;ActiveAll=1" method="post"> 

    <input type="submit" value="Active Only" id="Submit1" style="display:none"/></form>
</div>
<div id="tempplateInfo">
<div id="templateResult" class="scroll"></div>



<table id="table1" class="scroll" cellpadding="0" cellspacing="0">
<thead>
    <tr>
    <th>Edit</th>
    <th>MRN</th>
    <th>Hospital Fin</th>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Date of birth</th>
    <th>Completed Pathway</th>
    <th>Completed Pathway Reason</th>
    <th>PCP Appointment</th>
    <th>Specialist Appointment</th>
    <th>Admit Date</th>
    <th>Discharge Date</th>
    <th>Discharge Disposition</th>
    <th>Discharge To</th>
    <th>Discharge Advocate Call</th>
    <th>Home Health Care Accepted</th>     
    <th>Safe Landing Accepted</th>
    <th>PCP Name</th>
    <th>PCP Phone</th>
    <th>PCP Appointment Location</th>
    <th>Specialist Name</th>
    <th>Specialist Phone</th>
    <th>Specialist Appointment Location</th>
    <th>Comments</th>
    <th>Patient Room Phone</th>    
    <th>Phone</th>         
    <th>Payor</th>
    <th>MRN Type</th>       
    </tr>  
    </thead>
    <tbody>
</tbody>
</table>

<a class="AddPatDlg" href="/PatientACO/AddPatient?PopID=1" title="Add Patient ACO  Data">Add Patient</a>
<a class="AcoData" href="/PatientACO/AddEncounter?PopID=1" title="Add New Patient  Encounter">Add Encounter</a>

    <p style="text-align:left">
    <b>

    </b>
    </p>     
 </div>

Возможно, что выравнивание по левому краю таблицы приведет меня к петле. ОБНОВЛЕНИЕ: выравнивание по левому краю, похоже, ничего не делает ... Кажется, что "text-align: right" ничего не исправило

Я также заметил, что в режиме совместимости эта проблема вообще не появляется.

Answer 1

Попытка обернуть элемент вокруг ваших якорей:

<p class="action">
    <a class="AddPatDlg" href="#">Add Patient</a>
    <a class="AcoData" href="#">Add Encounter</a>
</p>

Затем стилизовать элемент соответствующим образом:

.action {
    clear: both;
    display: block;
}