AW: [thelist] My css rollover drop-downs are not working on ie

[André Huf]

> FWIW: I noticed on my IE 6.0 I never got your test page to 
> diplay properly (even after 20 tries). However I did get the 
> drop-downs working on the homepage if I used an F5 to refresh 
> and had my mouse in place over the link. Clicking refresh and 
> then moving the mouse on to the link never worked.

The Problem is the gap between the two sections since it works with
either F5 and Mouse in Place, moving the mouse very fast (works on your
homepage for me) or click the mouse, drag it over to the rollover drop
down and release it there...

Mind the gap and you should be done...


> > Hello List,
> > 
> > My css rollover drop-downs are not working on ie for my 
> breadcrumbs. 
> > Strange, but I'm using the same technique for my right-side 
> > navigation, and they do work. Below code is the browser 
> list that the 
> > rollovers work/don't work in.
> > 
> > I worked up a test page: 
> > http://fiercestreetnetworks.aboho.com/css-rollover-test.html
> > 
> > XHTML:
> > =============
> > <div id="breadcrumbs">
> >  <ul>
> >   <li><a href="/">home
> >    <span>back to main page</span>
> >    </a>
> >   </li>
> >   <li>&gt;&gt;<a href="it.html">tech support
> >    <span>all i.t. services I offer</span>
> >    </a>
> >   </li>
> >   <li>&gt;&gt;<a href="sales.html">portfolio
> >    <span>choose a site template from my portfolio, and i'll 
> create one
> just
> > for you!</span>
> >    </a>
> >   </li>
> >   <li>&gt;&gt;<a href="weblog/">blog
> >    <span>site blog. almost updated daily</span>
> >    </a>
> >   </li>
> >  </ul>
> > </div>
> > 
> > CSS:
> > ==============
> > #breadcrumbs {
> >  font-size: .85em;
> >  text-align: left;
> >  margin: 0 0 20px 140px;
> > /* margin-right: 34%; */
> >  background: #7a9079;
> >  color: #647663;
> >  border: 1px outset #647663;
> >  }
> > #breadcrumbs ul {
> >  margin: 0;
> >  padding: 0;
> >  list-style: none;
> >  }
> > #breadcrumbs ul li {
> >  display: inline;
> >  }
> > #breadcrumbs ul li a {
> >  background: transparent;
> >  color: #cdcdb3;
> >  padding: 0 .5em;
> >  position: relative;
> >  }
> > #breadcrumbs ul li a span {
> >  display: none;
> >  }
> > #breadcrumbs ul li a:hover span {
> >  display: block;
> >  position: absolute;
> >  top: 1.5em;
> >  left: 5px;
> >  width: 200px;
> >  padding: 3px;
> >  background: #7a9079;
> >  color: #cdcdb3;
> >  border-top: 2px solid #cdcdb3;
> >  border-right: 2px solid #000;
> >  border-bottom: 2px solid #000;
> >  border-left: 2px solid #cdcdb3;
> >  z-index: 300;
> >  }
> > ================================
> > Browsers:
> > 
> > Netscape
> > 1.    6.1, 7.0, 71 = Working
> > 
> > Mozilla
> > 1.    1.5, 1.6b, 1.7b = Working
> > 2.    Firebird, Firefox = Working
> > 
> > Opera
> > 1.    6.05 = Not working
> > 2.    7.01 = Working, but drop-down in wrong position
> > 3.    7.1, 7.23, 7.5 = Working
> > 
> > IE
> > 1.    5.01, 5.5 = Not working
> > 2.    6 = Works every (I kid you not!) 20 times - very 
> randomly displayed.
> > 
> > Anyone have thoughts?
> > 
> > Best Regards,
> > 
> > Martin Espericueta
> > /Information Technology Administrator
> > /Web Designer
> > /Webmaster
> > San Francisco Bay Area & Central Valley
> > "Web Designs with Standards!"
> > (Email) martin @ fiercestreetnetworks.aboho.com
> > (Web) http://fiercestreetnetworks.aboho.com/
> > (Lists) http://www.css-discuss.org/about.html
> > (Lists) http://four.pairlist.net/mailman/listinfo/css-foundations
> > 
> > --
> > * * Please support the community that supports you.  * *
> > http://evolt.org/help_support_evolt/
> > 
> > For unsubscribe and other options, including the Tip Harvester
> > and archives of thelist go to: http://lists.evolt.org 
> > Workers of the Web, evolt ! 
> > 
> > 
> 
> -- 
> 
> -- 
> * * Please support the community that supports you.  * * 
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt !