Ciao a tutti, ho appena creato un pulsante .jpg.
L'ho messo dentro il sito con il tag [img]...[/img]
Il problema e che quando lo visualizzo vedo una cornice viola che lo contorna di almeno 3/4 px.
Come faccio a eliminare questo contorno?
vi posto il mio codice css:

codice:
/* HTML E BODY */

html,body{margin: 1em;padding:0}
body {
      font-family: georgia,sans-serif;
      font-size:84%;
      text-align:center;
      background: url(sfondo.gif)
     }

/* CONTENITORE */

div#contenitore {
                 width:60em;
                 border-left: 2px solid black;
                 border-right:2px solid black;
                 background-color:#eee;
                 text-align:left
                }

/* HEADER */

div#header {
            background-color: black;
            color:#eee;
            text-align:center
           }

/* CARATTERI */

h1 {
    margin:0
   }
h1 {
    padding-left:10px;
    font: bold 2.3em/80px georgia,times,serif
   }
h3 {
    font-size:1.2em;
    padding-top:10px
   }
h4 {
    font-size:0.8em
   }
h5 {
    padding:0;
    margin:0 0 0 3px
   }

/* CONTENUTI */ 

div#content {
             background-color:white;
             margin:0 226px 0 140px;
             padding:1em 10px;
             border-width: 0 1px;
             border-style:solid;
             border-color:black
            }
div#content img {
                 border-style: 2px solid black
                }

/* CATEGORIE */


div.categoria div {
                   float:left;
                   width: 240px;
                   padding: 0 20px
                  }


/* MENU' */

div#menu {
          float:left;
          width:130px;
          padding:1em 0 0 10px;
          text-align:left
         }
div#menu ul {
             margin:0 0 20px;
             padding:0;
             list-style-type:none
            }
div#menu ul a {
               display:block;
               width:100px;
               border-bottom:1px solid #fff;
               color:#000;
               font-weight:bold;
               text-decoration:none
              }
div#menu ul a:hover {
                     background-color:white;
                     color:#f00
                    }
div#menu ul a#activelink {
                          color:#f00;
                          text-decoration:none
                         }

/* EXTRA */

div#extra {
           float:right;
           width:250px;
           padding: 1em 5px
          }


/* NEWBOX */

div#extra div.newbox {
                      font-size:90%;
                      border-right: 1px solid black;
                      border-left:1px solid black;
                      border-top:1px solid black;
                      border-bottom:1px solid black;
                      margin-right:20px;
                      margin-left:40px
                     }
div#extra div.newbox h2 {
                         text-align:center;
                         border-bottom:1px solid black;
                         margin-top:0;
                         margin-bottom:0;
                         padding:1px 2px;
                         background-color:#ccc;
                         font-size:1em
                        }
div#extra h5 a {
                text-decoration:none;
                color:#000
               }
div#extra h5 a:hover {
                      background-color:white;
                      color:#f00
                     }
div#extra div.newbox ul {
                         margin:0 0 0 2px;
                         padding:0;
                         list-style-type:none
                        }
div#extra div.newbox ul a {
                           display:block;
                           width:176px;
                           border-bottom:1px solid #fff;
                           color:#000;font-weight:bold;
                           text-decoration:none
                          }
div#extra div.newbox ul a:hover {
                                 background-color:white;
                                 color:#f00
                                }

/* FOOTER */

div#footer {
            clear:both;
            background-color:black;
            font:bold;text-align:center;
            padding:0.5em;
            color:#eee
           }
form label{
           float:left;
           width:140px;
           line-height:23px;
           margin-right:5px; 
           text-align:right
          }

form input,textarea {
                    margin-bottom:5px;
                    border-style:solid;
                    border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
                    border-width:2px 1px 1px 2px;
                    background: url(inputbk.jpg) repeat-x bottom
                   }

form br{
        clear:left
       }

input#submit{
             margin: 10px 0 0 130px;border
             border: 1px solid #CCC;
             padding: 0 5px;
             background: #E6E6E6 url(buttonbk.jpg) repeat-x center left
            }

</style>
La mia immagine e dentro la div content.
Grazie in anticipo