I know theres a lot of posts on the Suckerfish and plenty of articles from html dog, alistpart and veerle but not so much on vertical fly outs. I've got all the code and can get both level 1 and 2 to appear when level one is mouse overed but can not get level 3 just to appear when level 2 is hovered over.

This is the offending bit of code:
Code:
ul.level1 li.folder:hover ul.level2 {display: block;width: 150px;}		
ul.level1 li.folder:hover ul.level3 {display: block;width: 150px;left:150px;}
I tried changing it to the following:
Code:
ul.level1 li.folder:hover ul.level2 {display: block;width: 150px;}		
ul.level2 li.folder:hover ul.level3 {display: block;width: 150px;left:150px;}
..but to no avail, tried a few other combination of selectors but still no joy. The full version can be seen here: http://aphc.websights.co.uk. Hope that makes sense and if anyone as got any ideas they will be geatly appreciated.

TIA, D.