CSS Code Needed

[jsybol]

I have used the horizontal solid block menu found on this site (wonderful menu) I tweaked it to fit my needs. I have made it into a drop down menu but need it to be a multi level drop down menu. I am having issues. I have a feeling this can't be done in CSS and I might have to start all over AGAIN.

I have used the same exact code as I did for the first drop down menu for my second drop down and used the rel="" reference in my HTML in the first drop down where I need the second drop down to happen and it blows up.

Here is the code I am using.

.dropmenudiv_b{
position:absolute;
top:38px;
background-color:#cccccc;
border-bottom-width:0;
border-top-width:8px;
border: 0px solid #980e10;
font: bold 12px Verdana;
line-height: 18px;
z-index:100;
width:200px;
visibility:hidden;
background-image: url(images1/blockdefault.gif);
left:auto;
}

.dropmenudiv_b a{
width:auto;
display:block;
text-indent:5px;
border-top:0 solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 2px 0;
text-decoration:none;
color:#000000;

}

.dropmenudiv_b a:hover{
color: white;
background: transparent url(images1/blockactive.gif) center center repeat-x;
}
* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;