I'm having a problem with something. It's driving me crazy.

I have headers with a border on the top and bottom, nothing on the left or right. For some reason the one on the bottom is thicker than the one on the top and i'm not sure why.

If you want to see the source, the webpage is at http://www.healingbeam.com. I'm making it for someone, it's not all there, just the index.

This is the css:

the "head" is where I put the category headers. "Menu" is the text under it.




.menu {
font-style : normal;
font-size : 9px;
font-weight : normal;
font-family : verdana;
color : #1F291F;
margin: 0;

}

.tableheader {
letter-spacing: 4px;
font-size: 10px;
font-weight: bold;
font-family: verdana;
color: #1F291F;
border-bottom: black 1pt solid;


}



.head { text-align: center;
margin.height: 5px;
letter-spacing: 4px;
font-size: 10px;
font-weight: bold;
font-family: verdana;
color: #1F291F;
border-bottom: black 1pt solid;
border-top: black 1pt solid;
}


.contents {
font-style : normal;
font-size : 12px;
font-family : verdana ;
color : black;
padding: 3;
margin: 5;

}


body {
font-style : normal;
font-weight : normal;
font-size : 12 px ;
font-family : verdana ;
color : black ;
text-decoration : none;



}



a:link { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #921414;
font-weight: normal;
text-decoration: none }

a:visited { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #2F432F;
font-weight: normal;
text-decoration: none }

a:hover { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 8pt;
color: #BC5858;
font-weight: normal;
text-decoration: underline }

a.copyright:link { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 7pt;
color: #921414;
font-weight: normal;
text-decoration: none }

a.copyright:visited { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 7pt;
color: #2F432F;
font-weight: normal;
text-decoration: none }

a.copyright:hover { font-family: Verdana,arial, helvetica, sans-serif;
font-size: 7pt;
color: #BC5858;
font-weight: normal;
text-decoration: underline }

It looks fine to me, both borders the same size.

The only thing I noticed was this:
margin.height: 5px;

It should be
margin-height: 5px;

O..no wonder it didn't change when i changed it...lol
Sometimes you just can't see it yourself!

Thanks :)

Ok, well i figured it out: it's a browser thing. On IE, the borders look the same, on netscape one looks thicker..go fig.