Many thanks Geuis,
i forgot to post my css too, so here it is :)
/* ------------ Nav ----------------------- */
#navContainer {background:url(../images/navBk.jpg) repeat-x;width:
680px;height:28px;float:right;position:relative;z-index:
300;margin:-178px 0 0 200px;padding:0;}
#nav , #nav ul{margin:0;padding:0;list-style-type:none;list-style-
position:outside;position:relative;line-height:1.5em;}
#nav {margin-left:46px;font-size:1em;}
#nav a {display:block;padding:5px 13px;color:#fff;text-
decoration:none;font-weight:bold;}
#nav a:hover {background-color:#fff;color:#a9d44c;font-weight:bold;}
#nav li {float:left;margin-left:5px;}
#nav ul {position:absolute;display:none;width:7em;top:1.5em;}
#nav li ul a {background:#fff;color:#ff0084;margin:11px 0 -11px
-5px;margin-bottom:-10px;width:8em;height:auto;float:left;border-left:
1px solid #a9d44c;border-bottom:1px solid #c4c4c4;}
#nav li ul a:hover {color:#6eb8ed;margin:11px 0 -11px -10px;margin-
bottom:-10px;width:9em;height:auto;float:left;border-left:1px solid
#a9d44c;border-bottom:1px solid #a9d44c;}
#nav ul ul {top:auto;}
#nav li ul ul {left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li
li li li:hover ul {display:block;}
//
Still a little unsure of what i need to do to add this behavior, i was
under the impression i needed a lil jQuery function to enable this?
Thanks in advance
FudgeCat
