Responsive border immagini e didascalie

[skinplast]

Ciao a tutti,
ho voluto aggiungere nel css un border intorno all'immagine quando inserisco una didascalia.
Le immagini si adattano alle dimensioni dello schermo, quando sono senza bordo e didascalia, ma quando inserisco del testo queste rimangono "fisse" nel layout.
Questo è il codice modificato per il border-caption:

/* --- Post Images and Video --- */
#content img {
max-width:100%;
height: auto;
margin: 0;
padding: 0;
}
#content img.aligncenter {
margin: 20px auto;
}
#content img.alignleft ,#content .wp-caption.alignleft {
margin: 10px 20px 0 0;
}
#content img.alignright,#content .wp-caption.alignright {
margin: 10px 0 0 20px;
}
#content img.alignnone {
margin: 20px 0;
}
#content .wp-caption.alignnone {
margin: 0 0 20px 0;
}
#content .wp-caption.aligncenter{
margin-bottom: 10px;
}
#content .post .wp-caption {
max-width: 100%;
border: 1px solid #ddbb8f;
padding: 5px;
text-align: center;
}
#content .single-entry-content .wp-caption {
font: normal .8em/1.4 'Averia Libre', cursive;
border: 1px solid #ddbb8f;
padding: 5px;
text-align: center;
}
#content .post p.wp-caption-text {
font: normal .8em/1.4 'Averia Libre', cursive;
margin: 0;
padding: 7px 0 10px 0;
color: #999;
}
#content object,
#content embed,
#content iframe {
max-width: 100%;
margin: 3px 0 10px;
display: block;
}

Come faccio ad adattare al layout responsive anche le immagini con didascalia e bordo?
I risultati li potete vedere qui:

http://salutidavicenza.it

Grazie a tutti,
un augurio di Buona Pasqua
Stefano

[ResianTaxidrive]

Ciao, non so se ho capito bene, ti riferisci all'immagine di San Lazzaro?
Nel codice si vede questo
<div id="attachment_2029" style="width: 447px" class="wp-caption aligncenter">
chi imposta quella larghezza fissa?

[skinplast]

Ciao, non so se ho capito bene, ti riferisci all'immagine di San Lazzaro?
Nel codice si vede questo
<div id="attachment_2029" style="width: 447px" class="wp-caption aligncenter">
chi imposta quella larghezza fissa?

Ciao,
succede in tutte le immagini con didascalia e con bordo in tutte le pagine del sito.
La parte di codice che ho incollato riguarda il css. Sono "quasi" sicuro che è lì che devo apportare modifiche affinchè anche le immagini con cornice si adattino alle dimenisoni dello schermo (smartphone, tablet, ecc..)