need help to my css dropdown menu

[vik85]

hi everybody please help me out. i have little bit prob in my css menu .my display menu is display properly can you give me some idea. my site is Tonerquest
i wanna display menu short n good.
my css style sheet is

#horizNav2
{
	position:relative;
	z-index:-1;
}
.leftNav
{
	position: relative; 
	z-index:0;
}
/*styles to our navigation bar*/
#qm1
{
    margin: 0;
    padding: 0;
    width:900px;
	height:35px;
	text-align:left;
}

#qm1 li
{
	list-style: none;
	float: left;
	display:block;
	position:relative;
	z-index:1;
	text-align:left;
	margin:auto;

}
#qm1 li a
{
	/*display: block;
    padding: 3px 8px;
    background-color: #5e8ce9;
    color: #fff;
    text-decoration: none; */
	display:block;
	background-color:transparent;
	color:#333333;
	font-family:Arial;
	font-size:2px;
	text-align:left;
	text-decoration:none;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#699EDC;
	padding-left: 1.5em;
	padding-right: 1em;
}
*/*subnavigation section*/
#qm1 li ul
{
    display: none;
    width: 10em; /* Width to help Opera out */
    background-color: #69f;
}

/*style the list for its “hover” state:*/
#qm1 li:hover ul
{
	display: block;
	position: absolute;/*change the absolute to relative*/
	margin: 0;
	padding: 0;
	text-align:right;
	text-decoration:none;
}
#qm1 li:hover li
{
    float: none; 
}
#qm1 li:hover li a 
{
	background-color: #69f;
	color: #fff;
	display:block;
	position:relative;
	z-index:500;
	line-height:1.5;
	overflow:auto;
	width:auto;
}
#qm1 li li a:hover
{
	background-color: #8db3ff;
	border-style: none;
	width:inherit;

}
#qm1 li:hover ul, #qm1 li.hover ul
{
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; 
}
#qm1 li:hover li, #qm1 li.hover li 
{
    float: none; 
}
#qm1 li:hover li a, #qm1 li.hover li a 
{
	background-color: #69f;
	width:auto;
}

thanks a lot.its very urgent .
please guys help me out.
thanks
Vik