bordo immagine e non div intera

[mario19xx]

Ciao!
Sto iniziando adesso con css.
ho fatto una div e al suo interno ho messo un immagine.
Ora vorrei mettere il bordo solo all'immagine e ho pensato di fare cosi:

<div id="dove_h2">
<div id="dove_img_1">
[img]images/ufficio/vetrata.png[/img]
</div>
</div> 

css:

#dove_h2 {
    position:relative;
    left: 280;
    bottom: 80px;   
}

#dove_img_1 {
       padding:3px;    
       border:2px ridge #F0EC8A;    

} 

Pero il bordo me lo da su tutta la div. Come faccio a farlo sulo sull'immagine?

[carlogh]

trasforma la seconda regola css in:

#dove_img_1 img {
   padding:3px;
   border:2px ridge #F0EC8A;
   /* togli il css in linea dall'img, le dimensioni le specifichiamo qui */
   width: 200px;
   height: 150px;
} 

ad ogni modo, come mai due div uno dentro l'altro?

[mario19xx]

Grazie. sinceramente non lo so. ho pensato che fosse un inda buona per mettere il bordo solo all'immagine.
Cmq ne ho rimossa una vosto che quell'idea non era poi tanto buona.
cmq ho un'altro problemino.

<div id="chi_img_1">
[img]images/chisiamo.png[/img]
</div>

#chi_img_1 {
position:relative;
left: 320;
bottom: 705px;
}
Ho inserito l'immagine e posizionata nel punto in cui doveva esere.. pero in fondo alla pagina mi lascia una striscia vuota.. la dove dovrebbe essere l'immagine se non fosse stata spostata. e possibile rimuoverla?

[carlogh]

comunque per mettere il bordo ad un'immagine fai prima così, senza div esterni:

con questa regola dai un bordo a tutte le immagini con class="border". Il padding serve a fare in modo che l'immagine sembri in una cornice (puoi toglierlo se vuoi).

img.border {
    border: 2px ridge #F0EC8A;
    padding: 2px;
    width: 200px;
    height: 150px;
} 

[img]images/chisiamo.png[/img] 

riguardo il posizionamento, potresti caricare una pagina da qualche parte per farci capire meglio il problema?