Positionnement Css

Bonjour,

J'ai un soucis avec une image sur ma page galerie :

<div id="gallery">
<div id="imagearea">
<div id="image">
<a href="javascript:slideShow.nav(-1)" class="imgnav " id="previmg"></a>

<a href="javascript:slideShow.nav(1)" class="imgnav " id="nextimg"></a>
</div>
</div>
<div id="thumbwrapper">
<div id="thumbarea">
<ul id="thumbs">
<li value="1"><img src="thumbs/1.jpg" width="" height="150" alt="" /></li>
<li value="2"><img src="thumbs/2.jpg" width="" height="150" alt="" /></li>
<li value="3"><img src="thumbs/3.jpg" width="" height="150" alt="" /></li>

<li value="4"><img src="thumbs/4.jpg" width="" height="150" alt="" /></li>
<li value="5"><img src="thumbs/5.jpg" width="" height="150" alt="" /></li>
<li value="6"><img src="thumbs/6.jpg" width="" height="150" alt="" /></li
<li value="7"><img src="thumbs/7.jpg" width="" height="150" alt="" /></li
<li value="8"><img src="thumbs/8.jpg" width="" height="150" alt="" /></li
<li value="9"><img src="thumbs/9.jpg" width="" height="150" alt="" /></li
<li value="10"><img src="thumbs/10.jpg" width="" height="150" alt="" /></li
</div>
</div>
</div>

<script type="text/javascript">
var imgid = 'image';
var imgdir = 'fullsize';
var imgext = '.jpg';
var thumbid = 'thumbs';
var auto = true;
var autodelay = 5;
</script>
<script type="text/javascript" src="slide.js"></script>
<a href="indexfinal.html"><img src="images/retour.jpg" alt="retour menu" id="retour" /></a>
</body>
</html>

C'est donc de l'image Retour qu'il s'agit : http://www.prettyme.fr/galerie.html

Voici son code CSS :

img#retour
{
left:33%;
border:none;
}

Je n'arrive ni à la déplacer ni à lui enlever son cadre violet qui se met automatiquement sur un lien sur mozilla notamment.

Help please! :)