hi, can anyone advise me on how to remove the additional row between the last line of text and the bottom of the white box? I'm using Mac OX 10.4.11. In IE and Firefox, i get a tiny row. In Safari, I get a whole chunk.
thank you.
HTML CODE
<html>
<head><link rel="stylesheet" type="text/css" href="style.css">
<title>test page</title>
</head>
<body>
<div id="whitebox">
<div id="subhead">subhead 1</div>
<P>blah blah blah 1.</P>
<div id="subhead">subhead 2</div>
<P>blah blah blah 2.</P>
</div>
</body>
</html>
CSS STYLE SHEET
BODY {
font-family: "Gill Sans"; "Trebuchet MS"; "Arial"; "sans-serif";
color: #000000;
background: #9999FF;
margin: 20px;
padding: 0px;
border: 1px solid #333333;
width: 800px;
}
#book {
background: #FFFFFF;
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
}
#smallheader {
font-variant: small-caps;
}