Use prototype to alter the navigation menu generated by iweb

this way to 'fix' his sit I just have to include one script file after he uploads it?

So given

<ul class="navbar-list" id="widget0-navbar-list">
<li class="current-page"><a>Welcome </a></li>
<li class="noncurrent-page"><a>Why? </a></li>
<li class="noncurrent-page"><a>Uses </a></li>
<li class="noncurrent-page"><a>Products </a></li>
</ul>

how can I set the padding of each LI item and chaneg the content of the 'Product' LI to link somewhere else.

Have tried several thing but all seem to do nothing.

$("ul#widget0-navbar-list li").each(function(elm){
    elm.setStyle({"background-color": "#FFFFFF"});
});

With Javascript the CSS properties with a dash has to be written in camel-case. So for the background try to use "backgroundColor" instead of "background-color" and it should work and do not use quotation marks:

$("ul#widget0-navbar-list li").each(function(elm){ 
    elm.setStyle({
        backgroundColor: "#FFFFFF"
    }); 
});