Background-repeat not repeating in Mozilla

[kellyg]

I'm about to bash my brains in because I can't seem to get the background-repeat to work in Firefox. It's causing me to practically create two sites.

Here's the problem. I have a site that I'm working on and I'm using a background image on a table inside a css file. The images are about 35x35 pixels. In IE as the table grows, the images get repeated. But in Firefox, they don't. They show up at the top of the cell but don't get repeated I have to create larger images in order to get them work correctly. using height and width desn't seem to work correctly, sometimes it does and other times it doesn't.
If you look at http://www.fbcbastrop.org in firefox, you'll see what I mean.

If anyone can explain what's going on I would appreciate it.

Thanks
kg

[Sliight]

I'm using firefox 2.0.0.6 with a 22" widescreen at a resolution of 1680x1050. Your website shows the orange textured background throughout the entire site. Inside borders, and outside... It appears perfectly fine to me as far as the repeating goes. I assume it's a work in progress...because after the initial text, there is a very large blank open area in which your background orange stuff fills...

[Spiritvn]

<script language="javascript" type="text/javascript">
<!--
if(navigator.appName=="Netscape")
{
document.write("<link rel=stylesheet type=text/css href=new/styles/FFFBCTable.css />");
document.write("<link rel=stylesheet type=text/css href=new/styles/FFConstitution.css />");
}
else
{
document.write("<link rel=stylesheet type=text/css href=new/styles/FBCTable.css />");
document.write("<link rel=stylesheet type=text/css href=new/styles/Constitution.css />");
}
//-->
</script>



<td width="674" valign="top" class="CMidC">
<!-- Body Text -->

<table width="674">
<tr>
<td>
<p align="center" class="title"><a id="#concert">Concert August 12th</a></p>
<p class="text">Make every effort to join us for both worship services on the 12th
to experience a great time of personal worship with our special guest Marion Warren.</p>
<p class="text">Marion has been in music evangelism since 1968 and has sun around the
world in countries such as Japan, France, Germany, and Canada to name a few.</p>
<p class="text">Marion will sing in the morning worship service and then perform a
concert at 5:30 p.m. on the 12th. Everyone is welcome to join in this time of praise
and worship as Christ is exalted through the music and message Marion shares.</p>

<p align="right" class="text"><a href="#top">to top</a></p>
</td>
</tr>
</table>
</td>



.CMidC{
display: block;
float: left;
margin-left: 0px;
padding-top: 0px;
line-height: 20px;
width: 624px;
height: 150px;
background-image: url(../images/CenterFF.gif);
background-repeat: repeat;
}


How can it repeat if you have that height format?

[Spiritvn]

I'm using firefox 2.0.0.6 with a 22" widescreen at a resolution of 1680x1050. Your website shows the orange textured background throughout the entire site. Inside borders, and outside... It appears perfectly fine to me as far as the repeating goes. I assume it's a work in progress...because after the initial text, there is a very large blank open area in which your background orange stuff fills...


I think he talked about the bug with background inside the content box, below the "To Top" buttom (centerFF.gif)