Question : css menu issue

I have created a css menu, it works fine for Chrome, Safari but not work on FF, IE, Opera. When move over to a link, it will show small menu below it like screenshot. But in some browsers, it doesnt show.

I send you here css code, html and image. Please help me to fix it.

HTML

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
<DIV id="top_nav">
<DIV class="top_nav_box tn_bg2" style="left:1507px;"><A href="#index">&nbsp;</A></DIV>
<DIV class="top_nav_box_nav tn_home" style="left:1579px;"><A href="#index"></A></DIV>
<DIV class="top_nav_box_nav tn_bio" style="left:1602px;"><A href="#biography"></A></DIV>
<DIV class="top_nav_box_nav tn_player" style="left:1625px;"><A href="#player"></A></DIV>
<DIV class="top_nav_box_nav tn_news" style="left:1648px;"><A href="#news"></A></DIV>
<DIV class="top_nav_box_nav tn_photos" style="left:1671px;"><A href="#photos"></A></DIV>
<DIV class="top_nav_box_nav tn_contact" style="left:1694px;"><A href="#contact"></A></DIV>
<DIV class="top_nav_box tn_bg3" style="left:1717px;"><A href="#player">&nbsp;</A></DIV>
</DIV>

CSS and screenshot are below.

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

           
           
          #top_nav {position:absolute; display:block; width:7581px; height:23px; top:10px; left:275px; /*background:url(images/dot_grey.gif) center left repeat-x;*/ z-index:5;}
.top_nav_box {position:absolute; display:block; width:73px; height:23px; top:0px; left:0px; z-index:6;}
.top_nav_box a {position:relative; display:block; width:73px; height:23px; background:url(images/marrowbk.png) center center no-repeat;}
.top_nav_box_nav {position:absolute; display:block; width:23px; height:23px; top:0px; left:0px; z-index:6;}
.top_nav_box_nav a {position:relative; display:block; width:23px; height:23px;}

.tn_bg1 {background:url(images/bg_tnav1.png) top left no-repeat;}
.tn_bg2 {background:url(images/bg_tnav2.png) top left no-repeat;}
.tn_bg3 {background:url(images/bg_tnav3.png) top left no-repeat;}

.tn_home {background:#FF9900;}
.tn_home a:hover {background:#FF9900 url(images/nav_home.png) 23px left no-repeat; height:46px; width:69px;}

.tn_bio {background:#FFCC00;}
.tn_bio a:hover {background:#FFCC00 url(images/nav_bio.png) 23px left no-repeat; height:46px; width:69px;}

.tn_player {background:#99CC33;}
.tn_player a:hover {background:#99CC33 url(images/nav_player.png) 23px left no-repeat; height:46px; width:69px;}

.tn_news {background:#4479FD;}
.tn_news a:hover {background:#4479FD url(images/nav_news.png) 23px left no-repeat; height:46px; width:69px;}

.tn_photos {background:#33CCCC;}
.tn_photos a:hover {background:#33CCCC url(images/nav_photos.png) 23px left no-repeat; height:46px; width:69px;}

.tn_contact {background:#FF3399;}
.tn_contact a:hover {background:#FF3399 url(images/nav_contact.png) 23px left no-repeat; height:46px; width:69px;}

           
         

Attachments:

nav.gif (1 KB) (File Type Details)

nav

Answer : css menu issue

If you intend to use it as a datetime, this works too without convert

Select dateadd(d,0,datediff(d, 0, TimeAndDateField)) from MyTable

It strips the time portion away.

Question : css menu issue

Answer : css menu issue

If you intend to use it as a datetime, this works too without convertSelect dateadd(d,0,datediff(d, 0, TimeAndDateField)) from MyTable It strips the time portion away.

If you intend to use it as a datetime, this works too without convert

Select dateadd(d,0,datediff(d, 0, TimeAndDateField)) from MyTable

It strips the time portion away.