Input submit en partie non cliquable

Bonjour,

J'ai un problème avec un bouton submit qui est cliquable si je ne met pas de margin-top et qui n'est plus cliquable que sur les 3 pixels en haut si je met un margin-top de 30px...

Voici mon code :

CSS

/* FORMULAIRE */
#formulaire{
    float:left;
    width:385px;
    margin-left:15px;
    padding-top: 20px;
    text-align: center;
}
#formulaire input.champ{
    float:left;
    width:375px;
    padding-right: 5px;
    padding-left: 5px;
    height:25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-bottom: 31px;
    color: #484848;
    font-size: 14px;
    background:none;
    text-align: left;
}
#formulaire textarea{
    margin-top: 8px;
    float:left;
    width:375px;
    padding-right: 5px;
    padding-left: 5px;
    height:160px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-bottom: 15px;
    color: #484848;
    font-size: 14px;
    background:none;
    text-align: left;
}
#conteneur_captcha{
    width:270px;
    margin-right: auto;
    margin-left: auto;
    height:60px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 30px;
}
#refresh{
    margin-top: 10px;
}
#formulaire input.code{
    float:left;
    width:375px;
    padding-right: 5px;
    padding-left: 5px;
    height:25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #484848;
    font-size: 14px;
    background:none;
    text-align: left;
}
#formulaire input.btn_envoyer{
    margin-top:30px;
    float:right;
    padding-bottom:3px;
    width:76px;
    height:25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #a8ff00;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

HTML

                    <form action="" id="formulaire">
                        <input type="text" id="nomf" class="champ" value="" />
                        <input type="text" id="prenom" class="champ"  value="" />
                        <input type="text" id="mail" class="champ" value="" />
                        <textarea id="message"cols="10" rows="40"></textarea>
                        <div id="conteneur_captcha">
                            <img id="captcha" src="specifique/php/securimage/securimage_show.php" alt="CAPTCHA Image" />
                            <a href="#" onclick="document.getElementById('captcha').src = 'specifique/php/securimage/securimage_show.php?' + Math.random(); return false"><img src="specifique/php/securimage/images/refresh.gif" alt="Reload Image" border="0" onclick="this.blur()" align="bottom" id="refresh" /></a>
                        </div><!-- conteneur_captcha -->
                        <input type="text" id="code" class="code" value="" />
                                    <input type="submit" class="btn_envoyer" value="Envoyer" />
                       </form><!-- formulaire -->

Est ce que quelqu'un aurait une idée ?

Ca plusieures heures que je cherche et je ne trouve pas...
Merci d'avance de votre aide !
Modifié par robomatix (16 Apr 2010 - 13:56)

Hellow,

Tu aurais une page en ligne, plutôt ?

Les pavés de code comme ça, j'arrive pas à les lire...