|
Posted by Ben C on 12/07/07 11:16
On 2007-12-06, Shelly <sheldonlg.news@asap-consult.com> wrote:
> Here is the URL:
> www.sheldonlg.com/test.html
>
> In IE, the drop-down menu for "About Us" appears under the item. In FF it
> is all the way to the left. Any clues?
It may be because FF doesn't seem to like making <td>s (or boxes that
are display: table-cell, more precisely) containing blocks for
positioned descendents.
Look at this example:
http://www.tidraso.co.uk/misc/td-container.html
Konqueror and Opera make the table the containing block for the
positioned box. Firefox refuses even the table and makes the div above
it the containing block.
They're all wrong as far as I can tell from CSS 2.1 10.1. What does IE
do?
You may be able to fix your page by inserting another div to be a
containing block for the positioned menu:
<td style="z-index: 500">
<div style="position: relative"> <--- INSERT THIS
<div align="center">
<a id="menu1-1" class="item1" href="javascript:void(0);"><b>About Us</b></a>
</div>
<div id="menu1-1-section" style="width: 105px; top: 26px; right: 0px;" class="section">
<a id="menu1-1-0" class="item2" href="#">MissioN Statement</a>
<a id="menu1-1-1" class="item2" href="#">Partners</a>
<a id="menu1-1-2" class="item2" href="#">Industries</a>
</div>
</div> <--- AND THIS
</td>
Navigation:
[Reply to this message]
|