Databases
StackOverflow2013
Postsdbo
POMenu list in IE6 sub not dropping
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMenu list in IE6 sub not dropping
    text
    copied!<p>i know that ie6 has a problem with :hover visibilty and child selectors, but cannot see why my sub menu is not dropping? i have included code and would be grateful if someone could tell me where my error is? this is a follow on from replies recevied in an earlier post. you will notice that i have tried the htc file behavior and that is not working for me either. thanks </p> <pre><code>&lt;ul id="navigation" class="nav-main"&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li class="list"&gt;&lt;a href="#"&gt;Freebies&lt;/a&gt; &lt;ul class="nav-sub"&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/backgrounds/"&gt;Backgrounds&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/buttons/"&gt;Buttons&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/graphics/"&gt;Graphics&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/html-css/"&gt;HTML &amp;amp; CSS&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/icons/"&gt;Icons&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/psd/"&gt;PSD&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/templates/"&gt;Templates&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/category/tutorials/"&gt;Tutorials&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="list"&gt;&lt;a href="#"&gt;About&lt;/a&gt; &lt;ul class="nav-sub"&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/about/"&gt;AboutUs&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/commercial-use/"&gt;Commercial Use&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/about/terms-of-use/"&gt;Terms Of Use&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/advertise/"&gt;Advertise&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.somedomain.com/contact/"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; body { behavior: url(csshover3.htc); } #navigation { margin:0; padding: 0; clear:both; width:999px; height:51px; background: #d6eaf8 url(../images/dropdown-bg.gif) repeat-x left top; } ul.nav-main, ul.nav-main li { list-style: none; margin: 0; padding: 0; } ul.nav-main { position: relative; z-index: 597; } ul.nav-main li:hover &gt; ul { visibility: visible; } ul.nav-main li.hover, ul.nav-main li:hover { position: relative; z-index: 599; cursor: pointer; background: url(../images/dropdown-bg-hover.gif) repeat-x left top; } ul.nav-main li { float:left; display:inline-block ; height: 100%; color: #999; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/separator.gif) no-repeat right center; } ul.nav-main li a { display:inline-block; padding: 16px 16px 0 16px; height: 35px; color: #fff; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } ul.nav-main li a:hover { color:#D6D6D6; } ul.nav-main *.list { padding-right: 22px; background: url(../images/navigation-arrow.gif) no-repeat right top; } ul.nav-sub { display:block; position: absolute; padding:10px; top: 48px; left: 0; z-index: 598; background: #353535 url(../images/dropdown-list-bg.gif) repeat-x left top; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; } ul.nav-sub li { list-style:none; display:block; padding: 0; height: 27px; float: none; width:145px; border-bottom: 1px solid #5a5a5a; background: none; } ul.nav-sub li a { list-style:none; display:none; padding: 6px 5px 6px 5px; height: 15px; float: none; width:145px; background: none; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; } ul.nav-main li:hover ul.nav-sub { display:none; /* OR display:list-item */ } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload