MyBB Community Forums

I installed BB on a client's website (http://www.amaramoms.com/bb). I needed to make the main body in a container with rounded corners to match the theme of their site.

I initially accomplished this using a table and 3 columns as I did in their main site but I switched to using DIVs and the corner images are in CSS.

I can't get the corners exactly aligned. On the left there is a small gap. I played with the "page container width(80%)"  padding(35px) settings in the theme's page container area and this has an effect but I can't get things exact.

The main issue is that I cannot see the rounded corners at all in Firefox but I can in IE.

Below is the code and CSS for the rounded corners on the top of the main body/forum.

<div class="tl1" align="center">
<div class="tr1">
</div>
</div>


}
.tl1 {
background: url(../images/rc_tl_whtpink.gif) 0 0 no-repeat  #FFFFFF;
                     width: 87%;
}
.tr1 {
background: url(../images/rc_tr_whtpink.gif) 100% 0 no-repeat;
                     padding:10px;
}