CSS Flyout Menu, images help

[nikki72]

I am having a lot of fun with this mod lol, My thanks for the time someone put into making it, and the headache supporting it ;)

however- for the life of me, I can not get an image to show up in the menu.

The behavior I am look for is this; (>) stand for image I want use.
> all categories with no sublevels
> categories with sub levels >

* I was hoping to get the second arrow on mouse over, if possible when a sub level is available.

my style sheet:
body {
behavior: url(deleted for forum);
} /* WinIE behavior call */
div#nav-cat, div#nav-cat ul {
list-style: none;
line-height: 1;
font-weight: normal;
margin: 0;
list-style: none;
width: 99%;
padding: 0;
background-image: url(../images/pointer1.jpg) no-repeat right;
}

div#nav-cat a {
display: block;
font-size: 8pt;
color: #696969;
text-decoration: none;
background-image: url(../images/pointer1.jpg) no-repeat right;
}

div#nav-cat ul
{border: 1px solid #F8F8F8;*
background: white;
}

div#nav-cat li a
{
padding: 3px 3px 3px 2px;
}

div#nav-cat ul li a
{
padding: 7px 7px 0.25em 2em;
}

div#nav-cat a.sublevel {
background-image: url(../images/pointer1.jpg) no-repeat right;
}

div#nav-cat li {
padding: 6px 0px 6px 0px;
width: 148px;
border-bottom: solid 1px #F0F0F0;
}

div#nav-cat li ul {
position: absolute;
left: -999em;
height: auto;
width:175px;
font-weight: normal;
border-width: 2px;
margin: 0;
margin-left : 125px;
margin-top : -30px;
}

div#nav-cat li li {
padding-right: 1em;
width: 160px;
}

div#nav-cat li ul ul {
margin: -1.18em 0 2 20em;
width: 160px;
}

div#nav-cat li ul ul li {
padding-right: 1em;
width: 150px;

}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
display:block;
padding: 4px 4px 4px 4px;
background-image: url(../images/pointer1.jpg) no-repeat right;
}

div#nav-cat li:hover ul ul, div#nav-cat li:hover ul ul ul, div#nav-cat li.sfhover ul ul, div#nav-cat li.sfhover ul ul ul {
left: -990em;
}

div#nav-cat li:hover ul, div#nav-cat li li:hover ul, div#nav-cat li li li:hover ul, div#nav-cat li.sfhover ul, div#nav-cat li li.sfhover ul, div#nav-cat li li li.sfhover ul {
left: auto;
}

div#nav-cat ul.level2 {background-color: White;}
div#nav-cat ul.level3 {background-color: White;}
div#nav-cat ul.level4 {background-color: White;}
div#nav-cat ul.level5 {background-color: White;}
div#nav-cat ul.level6 {background-color: White;}

div#nav-cat li:hover, div#nav-cat li.sfhover {
background-color: #FFFF99;
/*
background-image: url("../images/tclbackup.gif");
background-repeat: repeat-x;
*/
color: white;
font-weight: bold;
}

div#nav-cat li:hover, div#nav-cat li.hover {
position: static;
}
thnx

[nikki72]

Did I post this question in the wrong forum?

I was hoping someone could help me get the little arrows in my menu as described above. I have searched and tried playing with it myself but I can not figure it out.

here is a link to my site:http://2antioch.org/store/index.php