Menu vertical para cima

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>