Reversing order of ordered list counter in CSS

[Wolfdemon]

I have this fiddle set up to better represent my question: http://jsfiddle.net/DJDavid98/ArZUW/On this page if you click "Add file..." then a new list element will be added with a new \[code\]<div>\[/code\] inside. My question is: how to reverse the order of the counter?Related CSS:\[code\]ol { counter-reset:li; margin-left:0; padding-left:0;}ol > li { position:relative; margin:0 0 6px 2em; padding: 0px 0px 8px; list-style:none; border-top:2px solid #666;}ol > li:before { content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center;}li ol,li ul {margin-top:6px;}ol ol li:last-child {margin-bottom:0;}\[/code\]