/    Sign up×
Community /Pin to ProfileBookmark

IE borders in drop-down menu

Copy linkTweet thisAlerts:
Aug 11.2004

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–[URL=http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//64.232.240.200/remax/index.html]this one[/URL]–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: [URL=http://64.232.240.200/remax/index.html]http://64.232.240.200/remax/index.html[/URL]
CSS: [URL=http://64.232.240.200/remax/remax.css]http://64.232.240.200/remax/remax.css[/URL]
Javascript: [URL=http://64.232.240.200/remax/drop_down.js]http://64.232.240.200/remax/drop_down.js[/URL]

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!

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@pawkyAug 11.2004 — 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 ? let me know how it does ?
Copy linkTweet thisAlerts:
@terovauthorAug 11.2004 — 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 ?
×

Success!

Help @terov spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...