Is there any way to make this look good in IE? The background color of the <fieldset> extends up over the border in IE. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>IE is no good</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
fieldset{background-color:#ddd; border:1px solid #000;}
legend{background-color:#000; color:#fff; padding:2px;}
--></style>
</head>
<body>
<fieldset><legend>Location:</legend>
<label for="stateMenu">State: </label>
<select name="stateMenu" id="stateMenu" onChange="updateLocation()">
<option value="" selected>[----- Search all -----]</option>
<option value="CA">CA</option>
<option value="NV">NV</option>
</select>
<br><label for="county">County: </label>
<select id="county" name="county" disabled>
<option value="" selected>[----- Search all -----]</option>
</select>
</fieldset>
</body>
</html>Not that it would make any difference to IE but you've got a bunch of form stuff on that page but no form to contain it.Originally posted by ray326
Not that it would make any difference to IE but you've got a bunch of form stuff on that page but no form to contain it.
i know, i just cut out the important part of the page i'm working on. the real page has form tags and everything else.I tried a couple of things but off hand it looks like you're screwed. It probably goes back to IE's invalid box model implementation.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>IE is no good</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
fieldset{background-color:#ddd; border:1px solid #000;}
legend{background-color:#000; color:#fff; padding:2px;}
--></style>
</head>
<body>
<fieldset><legend>Location:</legend>
<label for="stateMenu">State: </label>
<select name="stateMenu" id="stateMenu" onChange="updateLocation()">
<option value="" selected>[----- Search all -----]</option>
<option value="CA">CA</option>
<option value="NV">NV</option>
</select>
<br><label for="county">County: </label>
<select id="county" name="county" disabled>
<option value="" selected>[----- Search all -----]</option>
</select>
</fieldset>
</body>
</html>Not that it would make any difference to IE but you've got a bunch of form stuff on that page but no form to contain it.Originally posted by ray326
Not that it would make any difference to IE but you've got a bunch of form stuff on that page but no form to contain it.
i know, i just cut out the important part of the page i'm working on. the real page has form tags and everything else.I tried a couple of things but off hand it looks like you're screwed. It probably goes back to IE's invalid box model implementation.