IE 10 posizionamento span

[Deathlok]

Salve,

Ho un problemino con uno span su Internet Explorer 10, la cosa bella che tutto il resto dei CSS funziona alla perfezione tranne che per questo span.
Questo è il pezzo di codice in questione

span.price_sm{
font-size: 11px;
font-family: tahoma;
color: rgb(73,73,73);
position: relative;
margin-top: -27px;
margin-right: 15px;
background-color: #99CC00;
padding: 2px 5px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
float: right;
} 

Niente di particolare, e infatti su tutti i browser funziona tranne che su IE 10 dove crea questo effetto http://tecnomercatino.it aprite con chrome, firefox o opera e poi con IE si nota subito il problema .-.

Ho provato ad ovviare con il classico <!--[if IE]>, poi ho scoperto che la funzionalità è disabilitata su IE 10... consigli? xD

[Deathlok]

Mi rispondo da solo, devo usare il posizionamento assoluto, quindi diventa:

div.price_sm{
font-size: 11px;
font-family: tahoma;
color: rgb(73,73,73);
position:absolute;
top:60px;
right:14px;
background-color: #99CC00;
padding: 2px 5px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
float: right;
} 

[carlomarangoni]

Il fatto è che span e un tag inline

[cassano]

Potrebbe mettere "display:inline-block"

http://css.flepstudio.org/css-propri...ml#inlineblock

[Deathlok]

Mi sembra di aver già provato con

display:inline-block; 

Ma dava sempre qualche problema di visualizzazione, forse perchè lo span deve andare a sovrapporsi ad un'immagine