Indhold mellem menu punkter

CSS kode 

 li + li:before {
 content: '<li>|</li>';
 }

HTML kode 

 <nav>
   <ul>
     <li><a href="#">Hjem</a></li>
     <div>|</div>
     <li><a href="#">Om os</a></li>
     <div>|</div>
     <li><a href="#">Hjælp</a></li>
   </ul>
 </nav>

Vil gerne løse det med CSS

CSS kode 

 li
 {
     padding-right: 10px;
     background-image: url('someurl');
     background-position: center right;
     background-repeat: no-repeat;
 }

JScript kode 

 $(function(){
   $("<li>|</li>").insertAfter("nav ul li:not(:last)");
 });

Dette burde klare det...

CSS kode 

 li + li:before {
 content: '<li>|</li>';
 }