Browser "seeing" style sheet differently.

[duffs22]

Problem:
when I view my pages on IE they turn out fine as far as viewing goes - everything is visible, aligned properly and in it's place.

when I view my site on FireFox my side menu - on the right - isn't visible (unless sometimes if it's refreshed).

any advice on what I should change my perameters to? I'm a rooky, so the more simple to understand the better!

Thanks!

here is my style sheet:

/* CSS Document */
body {
background:#000000;
}
div {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
#wrapper {
display: table;
background:#FFFFFF;
border: solid 3px #003300;
margin: auto;
width: 870px;
height: 100%;
padding-bottom: 47px;
}

html>body #wrapper {overflow:hidden;}

#header {
width:850px;
height:90px;
text-align:center;
background-color:#003300;
}
#content {
float:left;
width:600px;
text-align:center;
padding-bottom: 32767px;
margin-bottom: -32767px;
font:normal 12px "Trebuchet MS";
}
#hlight {
background-color:#99CC99;
text-align:center;
width:545px;
margin-left:25px;
padding-left:10px;
padding-right:10px;
margin-bottom:30px;
}
#hlight h2 {
text-align:center;
font-face:"Trebuchet MS";
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
color:#FFFFFF;
}
#rightcontent {
float:right;
width:195px;
padding-bottom: 32767px;
margin-bottom: -32767px;
text-align:center;
font:normal 12px "Trebuchet MS";
}
#footer {
clear:both;
margin: auto;
background-color:#003300;
margin-top: -50px;
height: 50px;
width: 850px;
border: solid 3px #003300;
border-top: 0;
color: #FFF;
text-align:center;
font:normal 12px "Trebuchet MS";
}
#footer a {
color:#FFFFFF;
font:normal 12px "Trebuchet MS";
}

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
margin: 0 auto; /* center for now */
width: 50em; /* ems so it will grow */
background: url(images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.rightsidebox {
margin: 0 auto; /* center for now */
width: 16em; /* ems so it will grow */
background: url(images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
.boxhead h1 {
background: url(images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxhead h2 {
background: url(images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
background: url(images/sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 5px 30px 31px;
}

[caravan]

Whats the url to the page with the problem?

[duffs22]

Every page has the problem in FF but the URL is Tops Poker .net - Host to online poker tournaments, poker rooms, info and free poker