1 reply [Last post]
isloocity
Offline
newbie
Last seen: 7 years 28 weeks ago
Timezone: GMT-7
Joined: 2012-09-15
Posts: 1
Points: 2

<html>
<head>
 
<title>my main page</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<link href="1st.css" rel="stylesheet" type="text/css">
 
 
</head>
 
<body>
<link rel="stylesheet" href="new.css" type="text/css" /> 
<ul id="navbar_table" class="navbar_menulist css_menu" style="width: 302px; height: 60px;">
  <li class="topitem spaced_li"><div class="buttonbg gradient_button gradient60"><a>Home</a></div></li>
  <li class="topitem spaced_li"><div class="buttonbg gradient_button gradient60" style="width: 112px;"><div class="arrow"><a class="button_2">Products</a></div></div>
 
<ul class="gradient_menu gradient131">
 
  <li class="gradient_menuitem gradient33"><a href="index.html">Home
<img src="gnome-main-menu.png" border="0" width="20" height="25" hspace="3"></a></li>
 
 
  <li class="gradient_menuitem gradient33"><a href="Aboutus.html">About Us 
<img src="aboutus.png" border="0" width="20" height="25" hspace="3" ></a></li>
 
 
  <li class="gradient_menuitem gradient33 last_item">
 
  <li class="gradient_menuitem gradient33 last_item">
 
  <li class="gradient_menuitem gradient33 last_item">
 
  <li class="gradient_menuitem gradient33 last_item">
 
  <li class="gradient_menuitem gradient33 last_item">
 
<li class="gradient_menuitem gradient33 last_item">
 
  </ul></li>
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="P&S.html">Products & Services
<img src="News.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="N&E.html">News & Events
<img src="News.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="P&C.html">Portfolio & Clients
<img src="News.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="T&D.html">Training & Developement
<img src="News.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="A&P.html">Articles & Publications
<img src="News.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="ContactUs">Contact Us
<img src="mail_post_to.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
  <li class="topitem"><div class="buttonbg gradient_button gradient60" style="width: 93px;"><a href="Careers.html">Careers
<img src="career.png" border="0" width="20" height="25" hspace="3" ></a></div></li>
 
 
</ul>
 
<script type="text/javascript" src="mbjsmb504g.js"></script>
 </div>
 </body>
</html>

#navbar_table {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width:0px;
}
 
#navbar_table li a {
  line-height: 20px;
  font-size: 15px;
  font-family: "Segoe UI",sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  padding: 20px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
}
 
#navbar_table li div.buttonbg {
  height: 60px;
  width: 0px;
  line-height: 0;
  background-color: #0071BB;
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: 0 0 0 0 transparent;
  text-align: center;
}
 
#navbar_table li:hover div.buttonbg a, #navbar_table li.expanded a.topitem, #navbar_table li.active a.topitem,
#navbar_table li.itemhot a.topitem, #navbar_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
 
 
#navbar_table li.expanded div.buttonbg, #navbar_table li.active div.buttonbg, #navbar_table li.itemhot div.buttonbg, #navbar_table li:hover div.buttonbg {
  background-color: #74D214;
  box-shadow: 0 0 0 0 transparent;
  border-color: transparent;
}
 
#navbar_table {
  padding: 5px;
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
 
#navbar_table ul li a {
  color: #FFFFFF;
  font-family: "Segoe UI",sans-serif;
  font-size: 13px;
  line-height: 17px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
}
 
#navbar_table ul li:hover > a {
  color: #FFFFFF;
  font-family: "Segoe UI",sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
 
#navbar_table ul li.subexpanded a.subexpanded, #navbar_table ul li.subitemhot a.subitemhot, #navbar_table ul li a:hover {
  color: #FFFFFF;
  font-family: "Segoe UI",sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
 
#navbar_table ul li:hover, #navbar_table ul li.subexpanded, #navbar_table ul li.subitemhot {
  border-color: #CCCC99;
  background-color: transparent;
  box-shadow: none;
}
 
#navbar_table ul {
  margin: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  padding: 8px;
  background: #67BF12;
  font-size: 0;
  border-radius: 0;
}
 
#navbar_table ul li a {
  padding: 8px 16px 8px 14px;
  text-align: left;
}
 
#navbar_table ul li.separator {
  padding: 8px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}
 
#navbar_table ul li.separator div {
  border-top: 1px solid #FFFFFF;
  font-size: 0px;
}
 
#navbar_table ul li {
  border-style: solid;
  border-color: #68CC69;
  border-width:0;
  height: auto;
  width: 0;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 8px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
 
#navbar_table ul li.last_item {
  margin-bottom: 0;
}
 
 
#navbar_table .spaced_li {
  margin: 0px 0px 0px 0px;
}
 
#navbar_table a img {
  border: none;
}
 
#navbar_table li {
  list-style: none;
  float: left;
}
 
#navbar_table.css_menu li {
  position: relative;
}
 
#navbar_table.css_menu ul li:hover > ul {
  opacity: 1;
}
 
#navbar_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: 0;
  opacity: 1;
}
 
#navbar_table.css_menu ul li:hover > ul {
  top: -0px;
  left: 100%;
  right: 0;
}
 
#navbar_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}
 
#navbar_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}
 
#navbar_table ul ul {
  position: absolute;
  z-index: 5000;
}
 
#navbar_table .submenu_arrow {
  margin-left: 20px;
}
 
#navbar_table div.arrow { 
  background-image: url(ebab_mb504g_d.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  height: 100%; 
} 
 
#navbar_table ul li a.with_arrow { 
  background-image: url(ebab_mb504g_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 0px; 
} 
 
#navbar_table div.gradient60 { 
  background-image: url('button_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #026199; 
} 
 
#navbar_table li:hover div.gradient60, #navbar_table li.expanded div.gradient60, #navbar_table li.active div.gradient60, #navbar_table li.itemhot div.gradient60 { 
  background-image: none; 
  background-color: #74D214; 
} 
 
#navbar_table div.gradient_button { 
  background: -moz-linear-gradient(top, #0273BB 0%, #026199 100%); 
  background: -webkit-linear-gradient(top, #0273BB 0%, #026199 100%); 
  background: -ms-linear-gradient(top, #0273BB 0%, #026199 100%); 
  background: linear-gradient(top, #0273BB 0%, #026199 100%); 
} 
 
#navbar_table ul.gradient131 { 
  background-image: url('menu_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #559A10; 
} 
 
#navbar_table ul.gradient_menu { 
  background: -moz-linear-gradient(top, #73D213 0%, #559A10 100%); 
  background: -webkit-linear-gradient(top, #73D213 0%, #559A10 100%); 
  background: -ms-linear-gradient(top, #73D213 0%, #559A10 100%); 
  background: linear-gradient(top, #73D213 0%, #559A10 100%); 
} 
 
#navbar_table ul li.gradient33:hover, #navbar_table ul li.gradient33.subexpanded, #navbar_table ul li.gradient33.subitemhot { 
  background-image: url('menuitemhot_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #03639A; 
} 
 
#navbar_table ul li.gradient_menuitem:hover, #navbar_table ul li.gradient_menuitem.subexpanded, #navbar_table ul li.gradient_menuitem.subitemhot { 
  background: -moz-linear-gradient(top, #0273BB 0%, #03639A 100%); 
  background: -webkit-linear-gradient(top, #0273BB 0%, #03639A 100%); 
  background: -ms-linear-gradient(top, #0273BB 0%, #03639A 100%); 
  background: linear-gradient(top, #0273BB 0%, #03639A 100%); 
} 
 
#navbar_table li a.button_2, #navbar_table li div a.button_2 { 
  padding-right: 0px; 
} 

[use code tags]

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Most likely position absolute

Most likely position absolute causing problems:

#navbar_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}
 
#navbar_table ul ul {
  position: absolute;
  z-index: 5000;
}

If you can post a link we can see what is going on.