Positioning Problem.Again

Position

[briansw]

I am having trouble getting a footer to look right in Firefox. It all looks fine in IE.

here is my css...The dividers are all positioned in the HTML in the order they are in the css

html, body
{
background: #000000;
background-image: url(shadow.gif);
background-repeat: repeat-y;
background-position: center top;
margin: 0px;
padding: 0px;
letter-spacing: 1px;
line-height: 21px;
}
#container
{
background: #333333;
width: 760px;
margin: auto;
padding: 0px;
}
#header
{
background: #333333;
background-image: url(header.gif);
background-repeat: no-repeat;
width: 760px;
height: 105px;
border-bottom: 1px dashed #000000;
margin: auto;
padding: 0px;
}
#nav
{
height: 30px;
width: 100%;
border-bottom: dashed #000000 1px;
background-color: #333333;
}
#nav ul
{
font-family: arial;
font-size: 12px;
font-weight: bold;
line-height: 30px;
white-space: nowrap;
margin: 0px;
padding: 0px;
}
#nav li
{
list-style-type: none;
display: inline;
}
#nav li a
{
text-decoration: none;
padding: 7px 10px;
}
#content
{
background: #333333;
width: 470px;
padding: 20px;
float: left;
}
#sidebar
{
background: #333333;
width: 210px;
padding: 20px;
float: right;
text-align: right;
}
#footer
{
height : 30px;
width : 760px;
border-top : 1px dashed #000000;
background-color : #333333;
margin : auto;
}
p
{
color: #cccccc;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: arial;
}
h1
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 20px;
font-family: arial;
}
h2, h3, h4, h5, h6
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14px;
font-family: arial;
}
a:hover
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: arial;
border-bottom: 1px dashed #000000;
text-decoration: none;
}
a:active
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: arial;
border-bottom: 1px dashed #000000;
text-decoration: none;
}
a:link
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: arial;
border-bottom: 1px dashed #000000;
text-decoration: none;
}
a:visited
{
color: #336699;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: arial;
border-bottom: 1px dashed #000000;
text-decoration: none;
}

thanks

[Marshall]

How does it not look right?

Marshall

[briansw]

Sorry, I was kind of in a hurry when I posted this. In FF, the footer shows up as a weird shade of gray in the bottom right corner of the container div. It doesn't show the border and it is a big box. I don't really know what is wrong with it.