CSS question

[aliahad]

I have a drop down menu and also I am using two javascript function one is for date and one is for time, but when I use the menu it doesn't cover the javascript, the minute and seconds still show up in the background.

any help is appreciated.

Thanks,
Ali.

[Raphael]

Check the z-index of the dropdown & make sure it's higher than the stuff below it.

[aliahad]

this is the current code:

 
#navMenu ul li:hover ul {
visibility:visible;
z-index:9999;
display:block !important;	
 }

I also changed the value but it is not working.

[Raphael]

Is it happening in all browsers?

[teedoff]

For z-index to work, you need to set the positions attributes to the affected elements.

Can you post a link to your live site?

[aliahad]

Teed,

It's an internal site...not sure I can post this link...

     <li style="font-size: 0.7em"> <a href="#">Tax Departments</a>
      <ul>
    <li><a href="#">Employment Tax</a></li>
    <li><a href="#">Income Tax</a></li>
    <li><a href="#">License</a></li>
    <li><a href="#">National</a></li>
    <li><a href="#">Property Tax</a></li>
    <li><a href="#">Real Estate</a></li>
    <li><a href="#">Sales Tax</a></li>
    <li><a href="#">Tax Audits</a></li>
    <li><a href="#">Tax Planning</a></li>
    <li><a href="#">Tax Systems</a></li>
    <li><a href="#">Unclaimed Property</a></li>
  </ul>
     
     </li>

CSS:

  #navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	/*for 1280 screen*/
width:210px;
	/*for 1360 screen
width:223px;*/
/*background-color: #09F;*/
background-color:#900 !important;
	display:inline-block !important;
	z-index:1;
 }