jpsirois/index.html

## index.html
<!DOCTYPE html>
<!--[if lt IE 8]><html class="lt-ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
<head>

  <meta charset="UTF-8" />
  <title>Dead Simple Cross-Browser Custom-Select</title>

  <style>
    body {
      margin: 20px;
    }

    #styled-select {
      width: 240px;
      height: 34px;
      overflow: hidden;
      background: lightblue;
      border: 1px solid #ccc;
    }

    #styled-select select {
      background: transparent;
      width: 264px;
      padding: 5px;
      font-size: 16px;
      border: 0;
      height: 34px;
      display: inline-block;
      -webkit-appearance: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }


    .lt-ie8 #styled-select {
      width: auto;
      height: auto;
      overflow: auto;
      background: none;
      border: 0;
    }

    .lt-ie8 #styled-select select {
      background: auto;
      width: 240px;
    }
  </style>

</head>
<body>

    <div id="styled-select">
      <select>
        <option>Value 1</option>
        <option>Value 2</option>
        <option>Value 3</option>
        <option>Value 4</option>
        <option>Value 5</option>
      </select>
    </div>

</body>
</html>
	<!DOCTYPE html>
	<!--[if lt IE 8]><html class="lt-ie8" lang="en"> <![endif]-->
	<!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
	<head>

	<meta charset="UTF-8" />
	<title>Dead Simple Cross-Browser Custom-Select</title>

	<style>
	body {
	margin: 20px;
	}

	#styled-select {
	width: 240px;
	height: 34px;
	overflow: hidden;
	background: lightblue;
	border: 1px solid #ccc;
	}

	#styled-select select {
	background: transparent;
	width: 264px;
	padding: 5px;
	font-size: 16px;
	border: 0;
	height: 34px;
	display: inline-block;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}


	.lt-ie8 #styled-select {
	width: auto;
	height: auto;
	overflow: auto;
	background: none;
	border: 0;
	}

	.lt-ie8 #styled-select select {
	background: auto;
	width: 240px;
	}
	</style>

	</head>
	<body>

	<div id="styled-select">
	<select>
	<option>Value 1</option>
	<option>Value 2</option>
	<option>Value 3</option>
	<option>Value 4</option>
	<option>Value 5</option>
	</select>
	</div>

	</body>
	</html>