Just thought I would update anyone on how things are going with the site, unfortunately at this time I am unable to post the latest live updates, and have been just working off the hard-drive in order to fix these problems.
Currently I have the drop down menu working in IE and Safari, I ended up using some CSS “hacking” codes, but Firefox is reading the hack for Safari. Let me explain… With drop down menus, you roll over the menu and another menu drops down, right below the “hierarchy menu,” giving you more options to choose from, right? Well, it’s been doing that in IE and Firefox, but in Safari, the drop down part of the menu is above and to the left of the “hierarchy menu,” something I deem as a problem.
Now it looks fine in IE and Safari, but in Firefox the menu is bumped down and to the right of the “hierarchy menu.” Now I’m looking for a way to hack Firefox and “hide” that part from it; I did find something (positon*: fixed !important), but that hid it also from Safari, taking me right back to where I started.
Here’s what my code looks like right now (just the CSS):
.dropmenudiv_b {
positon: fixed !important; margin-top: 102px !important; margin-left: 190px !important; (above is the hack)
position: absolute; margin-top: 0px; margin-left: 0px;
border: 1px solid #1B72A7; border-width: 0 1px;
font: normal 12px Arial; line-height: 18px;
z-index: 100;
background-color: #FFFFFF; width: 200px; visibility: hidden;}
(Not sure if this part really matters for what I’m trying to fix)
.dropmenudiv_b a{
padding: 2px 0; width: auto; display: block;
text-indent: 5px; text-decoration: none; color: #000000;
border: 1px solid #1B72A7; border-bottom-width: 1px;}
* html .dropmenudiv_b a{
width: 100%;}
. dropmenudiv_b a:hover{
background-color: #EDF3F3; color: #000000;}
If you see a problem or know how to help me I would love the advice. Thanks.