Warning about drop-down html widget

Question

There's a widget to add a drop-down menu on iWeb pages that's available on this site:
<http://allaboutiweb.com/index.php/2009/04/add-a-drop-down-menu-to-your-iweb-pag es/>
It works! However, you can't change the color (pale blue) or the text style (small sans serif). When I tried and couldn't, I decided to ditch the widget.
Then I found out that I COULDN'T DELETE THE DROP-DOWN widget. It seems to have latched on to a Statcounter html widget in a way that I can't see it in the Statcounter code.
When I publish the page, the part of the drop-down menu I see is whatever fits the width of the widget window for Statcounter.
(Think of a medicine cabinet with two sliding doors. You can see the inside of cabinet if the door's not closed. Now picture the inside of the cabinet as your drop-down menu and the doors as your page background. It's as if the widget box is an open door. You can make it small, but you still see part of the drop-down menu behind it.)
I finally hid the entire widget behind a shape with 100% color fill.
Does anyone have a more elegant solution to this problem? And is there a drop-down widget out there that will allow you to change its style? Thank you.

Answer 1

Let me show you what I mean. Here's the html for the statcounter widget from a page where there's no problem (I have only changed the security and project IDs).
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=0000000;
var sc_invisible=1;
var sc_partition=58;
var scclickstat=1;
var sc_security="aaaaaaaa";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript></noscript>
<!-- End of StatCounter Code -->
Here's the code from the page where there is a problem.
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=0000000;
var sc_invisible=1;
var sc_partition=58;
var scclickstat=1;
var sc_security="aaaaaaaa";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript></noscript>
<!-- End of StatCounter Code -->
See? Identical.
Now here's the html for the drop-down menu:
<FORM NAME="URLlist">
<SELECT NAME="droplist">
<OPTION SELECTED="SELECTED" VALUE=" ">Select a page.</OPTION>
<OPTION VALUE="http://www.thefirstURL.com">A Page Name</OPTION>
<OPTION VALUE="http://www.anotherURL.com">Another Page Name</OPTION>
<OPTION VALUE="http://www.anotherURL.com">Another Page name</OPTION>
</SELECT><INPUT TYPE="BUTTON" VALUE="Go!" ONCLICK="GotoURL(this.form)">
<SCRIPT LANGUAGE="JavaScript">
<!--
function GotoURL(dl) {
// FRAMES - To open a selection in a document that uses frames
// change top.location.href to parent.putyourframenamehere.location.href
top.location.href = dl.droplist.options[dl.droplist.selectedIndex].value;
// -->
</SCRIPT>
</FORM>
So then--How would you get rid of the drop-down html code when it isn't visible anywhere on your iWeb pages?