My boss wanted some space between every cell in every table - among other things. To do this, I added this to the style sheet:

td {
padding: 4px;

}


This did exactly what he wanted. Unfortunately, it has also created a great deal of white space above the table in Netscape Communicator 4.79 for Windows (and probably the Mac and Unix/Linux/BSD versions as well).

Is there any way to fix this?

In case it matters, the rest of the style sheet looks like this:

/* CSS Document */

body {
color: black;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
font-weight: bold
background-color: white
}

#content {
margin-top: 35px;
position: absolute;
left: 5px;
width: 720px;
}

.menuStyle {
color: #000000;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ccc;
padding: 5px;
width: 100%;
}


#menuHead {
background-color: silver;
position: absolute;
z-index: 50;
top: 0px;
left: 0px;
visibility: visible;



}


#menuHead1 {
position: relative;
}

#menu1 {
position: absolute;
z-index: 100;
width: 200px;
visibility: hidden;

}

#menuHead2 {
position: relative;
}

#menu2 {
position: absolute;
z-index: 100;
visibility: hidden;
width: 200px;
}

#menuHead3 {
position: relative;
}

#menu3 {
position: absolute;
z-index: 0;
visibility: hidden;
width: 200px;
}

a.menulink:link {
font-weight: bold;
text-decoration: none
}

a.menulink:visited {
font-weight: bold;
text-decoration: none
}

a:active {
color: red;
}

a.menulink:hover {
color: #900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}


a:link {
color: blue;
}

a:visited {
color: purple;
}

a:hover {
color: maroon;
}

/* My additions start here. */

p {
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-left: 20px;
font-weight: bold
}

p.right {
text-align: right
}

p.indent {
margin-left: 40px
}

p.bottom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

p.small {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

h1 {
font-size: 24px;
font-weight: bold;
margin-left: 20px
}

h1 underhead {
font-size: 20px;
font-weight: lighter
}

h2 {
font-size: 18px;
font-weight: bold;
margin-left: 20px
}

b {
font-weight: bolder
}

strong {
font-weight: bolder
}

table {
margin-left: 20px;
font-size: 14px;
font-weight: bold;
border-style: solid;
border-width: 1px;
border-color: black;
}

table.form {
margin-left: 20px;
font-size: 16px;
font-weight: bold;
border-width: 0px
}

table.layout {
margin-left: 20px;
font-size: 14px;
font-weight: bold;
border-width: 0px
}

table.layout tr {
vertical-align: top;
font-weight: bold
}

table.form tr {
vertical-align: bottom;
font-weight: bold;
text-align: left
}

td {
padding: 4px;

}

tr {
border: 1px;
text-align: left;
vertical-align: top;
font-weight: bold;
text-align: center;
}

tr.head {
font-weight: bold;
background-color: blue;
color: white;
text-align: left;
}


tr.state {
font-size: 20px;
font-weight: bold;
background-color: blue;
color: white;
text-align: left
}

tr.alternating {
background-color: cyan;
}


For the time being, this issue is seen on this page among others.