Thanks for the reply, previously, to my query.
An issue has been raised, the code below is used for css buttons and is
contained in an external .css file: plang.css
This html is a left-side navbar kinda thingie. When the mouse floats over
the defined area the text changes to bold and another color, while the
background is also changed to another color. The button text is followed by
a line seperator (navline.gif).
The concern: moving the mouse from top to bottom over the 'buttons' is
shifting all of the .gif file,s and text that fall below the highlighted
button.
It appears as a ripple flowing downward. This has been rated as "not good"
:( Does this have a css solution? Or must I find a different method?
--------------------o h, t h a n k s!!---------------
A {text-decoration: none;}
A:link{color:#ff9966;}
A:visited{color:#ff9966;}
A:active{color:#ff9966;}
A:hover {font-weight: bold; color: yellow; background-color: navy;}
-------- below is the sample html using the styles------- sorry about the
caps....
<HTML>
<HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html">
<TITLE>Peter Lang Showroom</TITLE>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="plang.css">
</HEAD>
<BODY>
<DIV ALIGN="left"> <A HREF="index.html">Home</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="thumb_index.html">Showroom</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="nav2.html">What's New</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="lines.html">Lines</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="map.html">Directions/Map</A><BR>
<IMG SRC="images/navline.gif" WIDTH="120" HEIGHT="5" VSPACE="4"> <BR>
<A HREF="contact.html">Contact Us</A><BR>
</DIV>
</BODY>
</HTML>