Problem with "gk3legend"

Hello,

I have built a quick contact form using the gklegend3 as a "border" around the form

the coding is as below

problem im having is that when I hover over each field, the right edge of the border is disappearing...

any ideas, image attached (

many thanks

Jamie


<div class="gkLegend3">
<h4>
Quick Enquiry</h4>
<p>
&nbsp;</p>
<form action="send_form_email.php" method="post" name="contactform">
<table style="width: 409px; height: 271px;">
<tbody>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="first_name">Forename </label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><input maxlength="50" name="first_name" size="23" type="text" />.</span></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="last_name">Surname </label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><input maxlength="50" name="last_name" size="23" type="text" />.</span></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="email">Email </label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><input maxlength="50" name="email" size="23" type="text" />.</span></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="telephone">Telephone </label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><input maxlength="30" name="telephone" size="23" type="text" />.</span></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="act">Act Name </label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><input maxlength="50" name="act" size="23" type="text" />.</span></td>
</tr>
<tr>
<td valign="top">
<span style="font-size: 8pt; color: #ffffff;"><strong><label for="comments">Comments</label></strong></span></td>
<td valign="top">
<span style="color: #ffffff;"><textarea cols="25" maxlength="1000" name="comments" rows="6" style="width: 200px; height: 96px;"></textarea></span></td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<span style="color: #ffffff;"><input type="submit" value="Submit" /></span></td>
</tr>
</tbody>
</table>
</form>
</div>

Hi

Please show me this form on a live site so I can check.

sure - www.tempestlive.co.uk/newtemp

Hi

Please add this code to css:

Code: Select all

.gkLegend3 tr:hover {
    background: none repeat scroll 0 0 transparent !important;
}