Q:

jQuery backup for old browser support

https://stackoverflow.com/a/12059220/1421561
I love Davids code, but like to know the best way to give it support in < IE7.  My first idea was to use a statement "if there is a child add a class".  The class would then link to a background image positioned in a similar way.  
What would your solution be? 
Here is Davids fiddle:
http://jsfiddle.net/w9xnv/2/
Edit: support for this in < IE7:
.menu li > a:after { margin-left: 5px; content: '\25BA'; }

A:

It seemed that no one read that I wanted a jQuery backup for this.  I understood already that there was no support for this with CSS for IE7. 
Anyhow this is my solution, if someone would be looking for the same thing. 
JS (jQuery):
<! --[if IE 7]>
    <script type="text/javascript"> 
         $(function () {
             $("#mainnavi li:has(ul)").addClass("ie7_dropdown_arrow");
         });    
    </script>   
<![ endif]-->

CSS:
#mainnavi .ie7_dropdown_arrow {
    *background: url(../images/dropdown_arrow.png) no-repeat right 0px;
    *padding-right: 20px;
}

#mainnavi .ie7_dropdown_arrow:hover {
    *background: url(../images/dropdown_arrow.png) no-repeat right -15px;   
}

