Why doesn't this list display the background images (<!-- m --><a class="postlink" href="http://bokehman.com/flaglist">http://bokehman.com/flaglist</a><!-- m -->) in IE and Opera?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Flag list</title>
<style type="text/css">
option{
padding:2px 0 0 26px;
border:0;
height:16px;
color:#000;
background-color:#fff;
font-size: 8pt;
font-family:verdana, sans-serif;
margin:0;
}
#spain{
background:url(s.gif) no-repeat;
background-position:2px 2px;
}
#south-africa{
background:url(sa.gif) no-repeat;
background-position:2px 2px;
}
</style>
</head>
<body>
<form action="">
<select name="country">
<option>Choose Country</option>
<option id="spain" value="spain">Spain</option>
<option id="south-africa" value="south-africa">South Africa</option>
</select>
</form>
</body>
</html>Now, I don't know, but I think it's just because IE is crap. The other day, I was trying to put an option on two lines and IE wouldn't do that either. Also, if you look at this page here (<!-- m --><a class="postlink" href="http://bonrouge.com/test/fontselectdemo.php">http://bonrouge.com/test/fontselectdemo.php</a><!-- m -->), you'll see each option in a different font in FF, but not in IE.Thanks for the reply. I thought as much. Opera falls over with your page too.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Flag list</title>
<style type="text/css">
option{
padding:2px 0 0 26px;
border:0;
height:16px;
color:#000;
background-color:#fff;
font-size: 8pt;
font-family:verdana, sans-serif;
margin:0;
}
#spain{
background:url(s.gif) no-repeat;
background-position:2px 2px;
}
#south-africa{
background:url(sa.gif) no-repeat;
background-position:2px 2px;
}
</style>
</head>
<body>
<form action="">
<select name="country">
<option>Choose Country</option>
<option id="spain" value="spain">Spain</option>
<option id="south-africa" value="south-africa">South Africa</option>
</select>
</form>
</body>
</html>Now, I don't know, but I think it's just because IE is crap. The other day, I was trying to put an option on two lines and IE wouldn't do that either. Also, if you look at this page here (<!-- m --><a class="postlink" href="http://bonrouge.com/test/fontselectdemo.php">http://bonrouge.com/test/fontselectdemo.php</a><!-- m -->), you'll see each option in a different font in FF, but not in IE.Thanks for the reply. I thought as much. Opera falls over with your page too.