The code to get rid of the white borders around the dropdown is:
<style type="text/css">
.menu2 { border: none!important; }
</style>
To change them to a different style instead, just insert your style into this code:
<style type="text/css">
.menu2, #menu0 table { border: none!important; }
.menu2 table, #menu0 { border: 1px solid red!important; }
</style>
[ More Border Styles ]
To set a background color for the whole menu:
<style type="text/css">
.menu2 { background: red; }
</style>
Or a background image:
<style type="text/css">
.menu2 { background: url('http://www.PATH TO YOUR IMAGE.gif'); }
</style>
More on
[ Backgrounds ]
To change all the links on the dropdown menu to the same color & style, both normally and on mouseover use:
<style type="text/css">
.menu, .menu2, .menu2 a:link, .menu2 a:visited {
color: red;
background: navy;
font-size: 8pt;
}
</style>
If you want your link style to change on hover, apply your regular off hover link styles to
.menu2,
.menu2 a:link and
.menu2 a:visited,
and your on hover styles to
.menu,
.menu a:link, and
.menu a:visited, like this:
<style type="text/css">
.menu2, .menu2 a:link, .menu2 a:visited {
color: red;
background: navy;
font-size: 8pt;
}
.menu, .menu a:link, .menu a:visited {
color: orange;
background: green;
font-size: 8pt;
}
</style>
More
[ Text Styles ]