[jQuery] ul li display error in ie6 on ajax callback
I have an ul with li as navigation links for paging through a
recordset via ajax calls.
the ul and li render correctly--horizontally across the top of the
record set table--in Firefox and in ie6 on initial load. They render
correctly--horizontally--on ajax reload in Firefox. The ul and li
render incorrectly--vertically--in ie6 after an ajax reload.
It's insanely frustrating because the list items render correctly on
initial load in ie6. It is only on the ajax callback that they break
and display vertically instead of horizontally. Is this something
known in ajax/taconite ?
<div id="paginationContainer">
<ul class="pagination">
<li class="pages">Page 1 of 351</li>
<li>First | Previous | </li>
<li>1 </li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li>First | Last | </li>
</ul>
</div>
the entire contents of the above div is swapped out via taconite with
the newly rendered paging navigation.
<taconite-replace-children contextNodeID="paginationContainer"
parseInBrowser="true">
<ul class="pagination">
<li class="pages">Page 1 of 351</li>
<li>First | Previous | </li>
<li><a href="">1</a></li>
<li>2 </li>
<li><a href="">3</a></li>
<li>First | Last | </li>
</ul>
</taconite-replace-children>
.pagination{
list-style-type: none;
margin-bottom:5px;
}
.pagination li{
display:inline;
padding:0 2px;
}
.pagination li.pages{
margin-right:160px;
}