ridurre larghezza di un elemento recuperato con Firebug

[squalogu]

grazie per la risposta!

ok farò come mi indichi.

sto usando firebug per cercare di riprodurre la mappa presente su questo sito: pugliae.com

sto provando con questi codici, html:

<div class="caption">   <img src="esempio2.jpg" alt="" />   <span>      <strong>Lorem ipsum</strong>      Lorem ipsum dolor sit amet consectetuer eros      vivamus porta interdum venenatis.   </span><>

su css:

.caption {    font-family: Verdana, sans-serif;    font-size: 10px;    float: left;    margin: 0;    padding: 0;    position: relative;    overflow: hidden;} .caption img {    float: left;    margin: 0;    padding: 0;    background: #fff;    border: none;} .caption span {    float: left;    margin: 0;    padding: 10px;    width: 100%;    color: #dedede;         background: #222; /* browser che non supportano rgba */    background: rgba(0,0,0,0.7);    position: absolute;    left: 0;    bottom: 0;} .caption span strong {    font-weight: bold;    font-size: 11px;    text-transform: uppercase;    display: block;    padding-bottom: 5px;
}

il fatto è che non riesco a sovraporre i link sull'immagine..

vedi allegato.

io vorrei che i link stessero sopra l'immagine, poi li posiziono con calma nelle posizioni che desidero.
ma attualmente non riesco a portarli sopra l'immagine...

sapete suggerirmi come?