How do i remove this black block in my menu template www.bestofbusinessonline.biz/onlinebiz
it convering other menu item that fall down
pls help am confuse here pls
this is the 1month have been on this menu
pls help me sir
div#horiz-menu {
font-size:1em;
height: 64px;
background: url('../images/menu_sprite.png') repeat-x 0 -29px;
}
div#horiz-menu li.active { background: #212121 url('../images/menu_sprite.png') repeat-x 0 -93px!important; }
div#horiz-menu li.level1:first-child { border-left: 1px solid #eaeaea; }
div#horiz-menu li li.active { background: none!important; }
div#horiz-menu li:first-child.active { border-left: none; }
div#horiz-menu li a { color: #333; }
div#horiz-menu li li a,
div#horiz-menu li.active a { color: #fff; }
div#horiz-menu li li a:hover { color: #fff; }
div#horiz-menu li.level1,
div#horiz-menu ul ul li { background: url('../images/menu_sprite.png') no-repeat 100% -158px; }
div#horiz-menu ul ul li { background-position: 100% -126px; }
div#horiz-menu {
font-size:1em;
height: 32px;
background: url('../images/menu_sprite.png') repeat-x 0 -29px;
}
div#horiz-menu li.active { background: #212121 url('../images/menu_sprite.png') repeat-x 0 -93px!important; }
div#horiz-menu li.level1:first-child { border-left: 1px solid #eaeaea; }
div#horiz-menu li li.active { background: none!important; }
div#horiz-menu li:first-child.active { border-left: none; }
div#horiz-menu li a { color: #333; }
div#horiz-menu li.active a { color: #fff; }
div#horiz-menu li li a:hover { color: #890000!important; }
div#horiz-menu li.level1,
div#horiz-menu ul ul li { background: url('../images/menu_sprite.png') no-repeat 100% -158px; border-bottom: 1px solid #eaeaea }
div#horiz-menu ul ul li:first-child { border-left: 1px solid #eaeaea; }
div#horiz-menu ul ul li:hover {background-color: #E6E6E6}
div#horiz-menu li li a {color:#333!important}