Submit Button Image Border

Hello,

Please tell me how to rectify the following problem of where the a border appears around the image.
The page is coded by hand - no program is used.

http://console.sunflowerjewellery.com.au/client/onlineordering/nsw/order.php?cmd=_order&id=sunflower

The current code for the submit image button:

<a href="javascript:document.order-form.submit()" 
onclick="document.getElementById('order-form').submit()"> 
 
<img src="IMAGE-URL" 
width="304" height="114" border="0" border="none" backround="no-repeat"alt="Start Order" 
name="sub_but" /> 
 
</a> </a> 

Code (markup):

Thanks in advance

 

You have set the image border to 0, but by default the anchor of an image is automatically given a separate border. Add this to your stylesheet or in-line styles:

a img { border:none;}

Code (markup):

 

Thanks but it did not work.

[B][COLOR="red"]Submit button code:[/COLOR][/B]
<a href="javascript:document.order-form.submit()" 
onclick="document.getElementById('order-form').submit()" class="noborder"> 
 
<img src="http://images.sunflowerjewellery.com.au/img/startorder-alpha.png" 
 class="noborder" width="304" height="114" border="0" border="none" alt="Start Order" 
name="sub_but" /> 
</a></a> 

[B][COLOR="red"]I added the following in the CSS:[/COLOR][/B]

/* borders */
.no-border {border:none; }
.a img { border:none;}
no-border {border:none; }
a img { border:none;}
#no-border {border:none; }
#a img { border:none;}
img {border: none;}
a.noborder { border:none;}

Code (markup):

 

try

a.noborder img { border:none;}

 

Is it possible to simply use:

<p style="a.noborder img { border:none;} "> content </p>

 

No. You can't define the variable within an inline style.

Does it not fix it by putting it into the stylesheet?

 

That girl's right leg is missing (Not realistic the way it was positioned) in the link you have provided. Have you noticed that?