AboutAndrew Hoffman Expertise I can field just about any question within this topic ranging from JavaScript to CSS, the two ingredients of DHTML. I`m very interested in the W3C and its validation rules for HTML, XHTML, and CSS, and enjoy answering questions of this type as well. I detest sleep and respond at all hours of the day or night.
Experience Experience in the area I've been working with DHTML and CSS for 7 years now and build/maintain websites of my own that implement DHTML navigation.
What I'm doing now My contract with Microsoft has ended and I am working for myself once again. Please contact me for any front-end work at antibland@gmail.com
It seems like I can't get the little menu bar to stay in the right place. When I seem to have it right in Firefox (on a MAC) my friends who have PCs say that they see it funny so I'm starting to feel helpless.
Is this kind of menu impossible for cross-browser purposes? Ideally I had wanted to make something like this:
Answer Allie,
I'm not certain what this will do to Firefox Mac, but try adding the following CSS properties to what's already there. Just add the properties (e.g., position: relative--not the whole surrounding CSS rule).
/* line 177 */
#p7menubar li {
position: relative;
}
/* line 119 */
#p7menubar li ul {
top: 75px;
}
Basically, this says:
Give the list items holding the initially invisible drop-down lists a relative position. This gives the absolutely positioned invisible drop-downs some context. Now, these hidden lists are absolutely positioned with respect to their relatively positioned parents (the first-level list items). This is working in Firefox Windows, so hopefully it won't break the Mac version.
