Roundec Corner Select ( Dropdown menu)

[ciopin]

Salve Ragazzi,

ho un problema con un css: Ho un form con degli input capmi e delle select. Ho creato dei miei css per creare dei rounded corner (bordi arrotondati) adoperando delle imagini di sfondo. Ora, se applico il mio stile ai campi input richiamandoli nel form ( <input name="cognome" type="text" class="input" id="cognome" size="30" class="input" />

.input {
width: 176px;
height: 21px;
border: 0px none;
background: url(http://ciopin183.comule.com/test/imput.jpg) no-repeat;
color: #000;
}

Tutto mi funziona ma se cerco di applecar eil mio css alle mie selct ( i classici menu a tendina per esempio dell'età)

.input2 {
width: 43px;
height: 21px;
border: 0px none;
background: url(http://ciopin183.comule.com/test/imput_new2.jpg) no-repeat;
color: #000;
}

<select name="mese" id="mese" class="input2">
<option value="">&nbsp;&nbsp;</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>

Se apro il mio form con Firefox, Chrome si vedono bene ma se lo apro con IE7 o IE8 non si vede il rettangolo colorato...come mai? Cos''è che nn gli piace?

Grazie

 

[marco_rx]

Explorer ha un rendering tutto suo, ma dovresti risolvere aggiungendo questo meta nell'head del documento:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Comunque ti consiglio di non badare più di tanto alla compatibilità di ie7, attualmente su scala mondiale è usato da circa il 4% delle persone. A mio parere è una percentuale troppo bassa per perderci troppo tempo dietro.