frustrating Css problem

[Jtree]

I am having a very frustrating problem with my css. Below is my code.
div#main {
top: 120px;
left: 0px;
margin-left: 149px;
padding: 0px 0px 30px 15px;

voice-family: "\"}\"";
voice-family: inherit;
height: 100%;
margin-left: 151px;
margin-right: 0px;
border: 0px;
background: #CED3DE;
background-image: url("images/000226.jpeg");
background-repeat: repeat;
Font-Family: Verdana, "Times New Rohmans", "Sans Serif";
font-size: 12pt;
}
The problem I am having is that If put the "height 100%" in then my background is not covering my whole div in Mozilla. If I don't put it in then I have a weird problem with explorer not showing the top part of the page within the Div. To see what i mean you can look at the registration page and the satisfied customers page on this web site. http://home.neb.rr.com/akcdobermans
(To really see the problem you will need both Mozilla and explorer.) Currently height: 100% is in the css coding.

Thanks for any help you can lend me.

[DCElliott]

Do you understand what the code voice-family: "\"}\"";
voice-family: inherit; is doing? It is a hack to hide code from IE which may explain why the two are looking different. Also. if you are specifying a division height in NN|Moz, you need to have in the body selector {height:100%;} Any div height is then calculated relative to that height.

DE

[Jtree]

Ok that is fine. Can you tell me why font at the top of my page doesn't show up in explorer unless I scroll down and then back up. Is there some thing in my code that causes it to do this?

When this is my code.
div#main {
top: 120px;
left: 0px;
margin-left: 149px;
padding: 0px 0px 30px 15px;

border: 0px;
background: #CED3DE;
background-image: url("images/000226.jpeg");
background-repeat: repeat;
Font-Family: Verdana, "Times New Rohmans", "Sans Serif";
font-size: 12pt;
}
If I insert height: 100%; into this code I do not have this problem.
I guess I don't understand why height: 100% makes a difference in this.