Blue Border Using DOM Image Rollover

[BorderTerroir]

1) Script Title:
DOM Image Rollover v3.0
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex15/domroll.htm
3) Describe problem:

I am updating our website to XHTML and have noticed the menu buttons now have a blue border. Why is this happening? Can it be enhanced so you can have a red border, indents, outdents etc.

Please see the old page;
http://www.furrytalesflyball.co.uk/AboutUs.htm

and the new page;
http://www.furrytalesflyball.co.uk/AboutUs.html

[ddadmin]

That's normal, as browsers by default will render a blue border around image links. To change this, you can target the "domroll" CSS class inside your CSS. To remove the blue link, you'd do something like:


<style>
.domroll{
border-width:0;
}
</style>

To change the border to red and make it thicker, you can do:


<style>
.domroll{
border: 5px solid red;
}
</style>