Help! My CSS is busted in NS

[beetle]

Here's the page
http://www.lanwizards.com/newlwiz.php

And here are the styles to be concerned with/****************** Style for data forms ****************************/
form.dataForm {
width: 500px;
margin-left: 30px;
}
div.formHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #999;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
padding: 3px;
border: 1px solid black;
text-align: center;
}
div.formBody {
background-color: #FFF;
border: 1px solid black;
width: 100%;
margin: 5px 0px;
text-align: center;
}
span.formLabel {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
width: 34%;
padding: 6px 3px 3px 3px;
text-align: right;
vertical-align: top;
}
span.formLabel em {
font-weight: normal;
}
span.formObj {
font-family: Verdana, sans-serif;
font-size: 10px;
width: 64%;
padding: 3px;
text-align: left;
vertical-align: top;
}
span.col {
width:49%;
vertical-align: top;
}
div.formFooter {
background-color: #999;
padding: 3px;
border: 1px solid #000;
text-align: center;
}
div.formFooter input {
font-family: Verdana, sans-serif;
border: 2px #777 outset;
background-color: #FFF;
color: #000;
}
div.hr {
width: 100%;
height: 1px;
border-top: 1px solid #000;
font-size: 1px;
}I'm new to using CSS to this extent, so be gentle! :D

[justame]

bee...
/me doesnt know just a much® 'bout the ol' css...'cept mayyybe for netscrap??? its cause youre just a using® only three 'digits' in your colors???
/me seems to think it needs just a six®

[Roy Sinclair]

By putting comments around various parts of the specifications I found the following code to be the problem:

span.formObj {
font-family: Verdana, sans-serif;
font-size: 10px;
width: 64%;
padding: 3px;
text-align: left;
vertical-align: top;
}

By deleting one line at a time from that bit I found the following line causes the problem:

vertical-align: top;

[beetle]

Thanks Roy, but it still doesn't look as expected. If you have IE6, look at it there. That's how it should look. FYI, I have NS 6.2.3

[Roy Sinclair]

I don't know how you'd want to handle the situation but this small
change to the CSS will make the source of the remaining problem evident:

span.formLabel {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
width: 34%;
padding: 6px 3px 3px 3px;
text-align: right;
border: solid 1px;
}

[Roy Sinclair]

Here's (http://www.alistapart.com/stories/practicalcss/) a reference link where CSS for doing what you want is shown and I checked, it works in both IE and Mozilla 1.0 (Netscape 6 being a "branded" version of Moz).

[jkd]

Originally posted by justame
bee...
/me doesnt know just a much® 'bout the ol' css...'cept mayyybe for netscrap??? its cause youre just a using® only three 'digits' in your colors???
/me seems to think it needs just a six®

Justame, #rgb is translated into #rrggbb by the browser. i.e. #345 is #334455.

[justame]

/me just a whispers® to jkd...
just a ta® for the explanation...:O))) n' goes off just a playing® the wellduh.wav to herself...hehehe...