Css e javascript de select customizado em todos os navegadores

Select customizado em todos os navegadores

/* CSS */

.select2
{
border:1px solid #606060;
height:30px;
vertical-align:middle;
margin:10px 10px 10px 0;
display:inline;
}

.select2 p
{
background: url(../../img/global/bt/seta.jpg) no-repeat right;
color:#606060;
padding:7px 5px;
position:relative;
z-index:2;
cursor:pointer;
}

.cntDo
{
display:none;
position:absolute;
z-index:1;
color:#606060;
background:#fff;
width:100%;
border-left:1px solid #606060;
border-right:1px solid #606060;
border-bottom:1px solid #606060;
}

.cntDo li
{
margin:5px 0;
cursor:pointer;
}

<! —         Javascript         –>

function sh (div, aparece)
{
if(aparece == “nao”)
{
document.getElementById(div).style.display= “none”;
}
else
{
document.getElementById(div).style.display= “block”;
}
}

<!–  *******************            ************** –>

<div>
<p onclick=”sh(‘cont1’, ‘sim’)”>Bairro</p>
<ul id=”cont1″>
<li onclick=”sh(‘cont1’, ‘nao’)”> Conteudo 1</li>
<li onclick=”sh(‘cont1’, ‘nao’)”> Conteudo 2</li>
<li onclick=”sh(‘cont1’, ‘nao’)”> Conteudo 3</li>
<li onclick=”sh(‘cont1’, ‘nao’)”> Conteudo 4</li>
</ul>

</div>