IE borders in drop-down menu

liunx

Guest
Internet Explorer improperly renders my drop-down menu. The parent list's borders bleed over into the child list, covering its borders and a few pixels of the child list's LIs.

The drop-down employs ALA's method for circumventing IE's problems with the :hover psuedoclass.

I've tried to resolve this using z-indeces and haven't found anything. I've posted to the CSS mailing list but haven't received a response. I can't determine if this is a bug referenced on positioniseverything.net. I really would appreciate any advice anyone could give me.

The HTML file is XHTML 1.0 strict.
The CSS file, when run through the validator, produces one erroneous line--this one (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//64.232.240.200/remax/index.html">http://jigsaw.w3.org/css-validator/vali ... index.html</a><!-- m -->)--but this is essential for proper rendering in Mozilla, and I'm really not certain why it's invalid.

Well enough jabber--here are the relevant files:
HTML: <!-- m --><a class="postlink" href="http://64.232.240.200/remax/index.html">http://64.232.240.200/remax/index.html</a><!-- m -->
CSS: <!-- m --><a class="postlink" href="http://64.232.240.200/remax/remax.css">http://64.232.240.200/remax/remax.css</a><!-- m -->
Javascript: <!-- m --><a class="postlink" href="http://64.232.240.200/remax/drop_down.js">http://64.232.240.200/remax/drop_down.js</a><!-- m -->

Any suggestions not pertaining to my problems are also welcome--I'm very interested in making the CSS file in particular as lean as possible.

Thanks much!in your css source u got the following:

ul{

width:140px;
}

li ul{

left:134px; top:7px;


i cut out all that didnt pertain. If u notice your main tabs have a width of 140 px while your secondary list that pops to the right is only being moved over 134 px. I think if u change 134 to 140 or 145 that should fix it... if im understand what your asking correctly :P let me know how it does :)Right, well the problem is that I want the child list to inset 6px for the design.

If I can't resolve the bug, I may have to go with your suggestion however :(

Thanks for the advice :)
 
Back
Top