I've noticed that with the following code, the SELECT and INPUT tags
don't line up horizontally in IE. Looks great in Mozilla (Firefox).
It seems that IE adds a 1 pixel margin top and bottom around the INPUT
tag. If I set the top and bottom margins to -1px it then messes up how
it looks in Mozilla.
I've also tried different DOCTYPES with marginal difference.
Any ideas anyone?
Thanks,
Steve
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
DIV {
border: 1px solid red;
}
..block {
display: inline;
float: left;
margin-right: 3px;
}
</style>
</head>
<body>
<div class="block">
Block #1<br>
<select style="width:10 0px"></select>
</div>
<div class="block">
Block #2<br>
<input style="width:10 0px">
</div>
</body>
</html>
