Posted by magic30000 on 02/06/06 17:03

Hello, I use a js drop nav menu on my CSS styled buttons on this page:
http://davmagic.com/paint/PAGES1.html and it uses this CSS:

#dropmenudiv{
position:absolute;
border:1px dashed black;
border-bottom-width: 0;
font:bold 15px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
text-align: left;
border-bottom: 1px dashed black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;

}

#dropmenudiv a:link {color:#6699ff;}
#dropmenudiv a:visited {color:#6699ff;}
#dropmenudiv a:hover{color:#000000; background-color:#99ccff;}

.... it works as intended in IE5.x by that I mean that when the browser
TEXT SIZE is increased for example, the drop menues remain fixed at the
15px size as I want them to... in FireFox, when the TEXT SIZE is
increased, the drop menu text ALSO increases... this "screws-up" the
usage, and I can see no reason why FF does this as I have specified a
FIXED SIZE for the drop menu text!!!

Anyone see any clues???

The script is here: http://davmagic.com/paint/script1.js

Thanks...

http://davmagic.com/

[Back to original message]