Menu vertical para cima

[luciano antony 0]

Desenvolvi o menu no seguinte site: http://www.leblonrevestimentos.com.br/index.php

Porém o mesmo não fica para cima quando passo o mouse em Produtos.

O que deve esta acontecendo?

 

Help...

 

Menu.css

ul.menubar{
float:right;
position:relative;
top:-7px;
}

ul.menubar .submenu{
       margin: 0px;
       padding: 0px;
       list-style: none;
       float:left;
}

ul.menubar ul.menu{
       display: none;
       position:fixed;
	top:440px;
	left:700px;
       margin: 0px;
}

ul.menubar a{
		color:#626262;
		text-decoration:none;
		display:block;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		position:relative;
		behavior: url(js/PIE.htc);
		padding:7px 12px;
}
ul.menubar a:hover{
		color:#fff;
		text-decoration:none;
		background-color:#212121;
}

ul.menu, ul.menu ul{
       margin: 0;
       padding: 0;
       width: 150px; /* Width of Menu Items */
       background-color: #262626; /* IE6 Bug cor dos submenus*/
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		behavior: url(js/PIE.htc);

}

ul.menu li{
       position: relative;
       list-style: none;
       border: 0px;
}

ul.menu li a{
		color:#626262;
		text-decoration:none;
		display:block;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		position:relative;
		behavior: url(js/PIE.htc);
		padding:7px 12px;
}
ul.menu li a:hover{
		color:#fff;
		text-decoration:none;
		background-color:#212121;
}

ul.menu li sup{
       font-weight:bold;
       font-size:7px;
       color: red;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul{
       position: absolute;
       display: none;
       left: 149px; /* Set 1px less than menu width */
       top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

 

		<ul id="menu_dropdown" class="menubar">
       	<li class="submenu"><a href="index.php">principal</a></li>
           <li class="submenu"><a href="empresa.php">empresa</a></li>
		<li class="submenu"><a href="#">produtos</a>
					<ul class="menu">
				        <li><a href="produto1.php">Porcelanato</a></li>
				        <li><a href="#">Pastilha de Vidro</a></li>
				        <li><a href="#">Revestimento de Fachada</a></li>
					</ul>
				</li>
           <li class="submenu"><a href="imprensa.php">imprensa</a></li>
           <li class="submenu"><a href="pontos.php">pontos de venda</a></li>
           <li class="submenu"><a href="contato.php">contatos</a></li>
		</ul>

[Evandro Oliveira 331]

ul.menubar ul.menu{
       display: none;
       position:fixed;
               top:440px;
               left:700px;
       margin: 0px;
}

 

Não alinhe em relação ao topo, e sim à base:

 

.menubar .menu { bottom: 100%; display: none; left: 700px; margin: 0; position: fixed; }