I am modifying a theme that I downloaded from here. It shows up correctly in IE. But in firefox there is a white background behind the banners. I changed the headerbanner in the styles.css to background-color: #000000; Here is the link to see what I am talking about. http://www.dzflim.com The url has nothing to do with the actual site. I am just testing it. Now here is the css file if you think you can help!

body {color: #DA0000; background-color:#000000; background: black; margin: 5; padding: 0;}
body td, p, div {font-family: verdana, arial, helvetica; font-size: 11px;}

table {width: 100%; margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link {color: #DA0000; text-decoration: none}
a:active {color: #000066; text-decoration: none}
a:visited {color: #DA0000; text-decoration: none}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #DA0000}


.item {}
.itemHead {padding: 3px; border: 1px solid #000000; background-color: #404040; background-image: url("block-title.gif"); color: #FFFFFF;}
.itemInfo {text-align: center; background-color: #404040; color: #000;}
.itemTitle a {font-size: 100%; font-weight: bold; font-variant: small-caps; background-color: transparent;color:#FFF;}
.itemPoster {font-size: 90%; color: #C90000; }
.itemPostDate {font-size: 90%; color: #C90000;}
.itemStats {font-size: 90%; color: #C90000;}
.itemBody {padding-left: 5px; color: #C90000;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em; color: #C90000;}
.itemText:first-letter {font-size: 100%; font-weight: bold; color: #C90000;}
.itemFoot {text-align: center; padding:3px; border:1px solid #808080; background-color: #404040; color: #C90000;}
.itemAdminLink {font-size: 90%; color: #C90000;}
.itemPermaLink {font-size: 90%; font-style:italic; color: #C90000;}

table#top {margin-bottom:8px;}
th {background-color: #CB0000; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td.slogan {padding-left:5px; padding-right:5px; height: 20px; background-image: url("block-title.gif"); color: #FFFFFF; border-top:1px solid black;border-bottom:1px solid black; vertical-align: middle; font-weight:bold;}
td#headerlogo {width:100%; background-color: #000000; vertical-align:middle; text-align:center;}
td#headerbanner {width: 100%; background-color: #000000; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #DA0000; background-image: url("hbar.gif");}

td#leftcolumn {width: 180px; font-size:12px;}
td#leftcolumn th {background-color: #DA0000; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn .blockTitle {padding: 3px; background-color: #DD0000; background-image: url("block-title.gif"); color: #FFFFFF; font-weight:bold;border: 1px solid black;}
td#leftcolumn .blockContent {padding: 3px; line-height: 120%; line-height: 120%;background-color: #404040;margin-bottom:8px; color: #970000;}


td#centercolumn {font-size: 10px;}

td#centercolumn th {background-color: #DA0000; background-image: url("block-title.gif"); color: #FFFFFF; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; background-color: #DA0000; background-image: url("block-title.gif"); color: #FFFFFF; font-weight:bold;border: 1px solid black; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px; color: #000;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #DA0000; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%; color: #000;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #DA0000; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%; color: #000;}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 180px; font-size:12px;}
td#rightcolumn th {background-color: #DA0000; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn .blockTitle {padding: 3px; background-color: #ddd; background-image: url("block-title.gif"); color: #FFFFFF; font-weight:bold;border: 1px solid black;}
td#rightcolumn .blockContent {padding: 3px; line-height: 120%; line-height: 120%;background-color: #404040;margin-bottom:8px; color: #B70303;}

tr#footerbar {text-align:center; }
tr#footerbar td {border-bottom:1px solid black; height:5px;background-image: url(bottombar.gif);}
td#mainmenu a {display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px;}
td#mainmenu a.menuMain {padding-left: 3px;}
td#mainmenu a.menuSub {padding-left: 9px; }

td#usermenu a {display: block; margin: 0; padding: 4px;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #fcc;}

.outer {border: 1px solid #FF6666;}
.head {background-color: #FF6666; padding: 5px; font-weight: bold; color: #fff;}
.even {background-color: #404040; padding: 5px; color: #CA0303;}
.odd {background-color: #404040; padding: 5px; color: #CA0303;}
.foot {background-color: #404040; padding: 5px; font-weight: bold; color: #CA0303;}
tr.even td {background-color: #7C7C7C; padding: 5px; color: #CA0303;}
tr.odd td {background-color: #404040; padding: 5px; color: #CB0000;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #FF9898; border-left: 1px solid #FF9898; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #FF6666; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #FF6666; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #ffffff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #ffffff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #CA0404; font-weight:bold; border: 1px solid silver; background-color: #404040; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #CA0404; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
#footer {text-align:center;}
#footer td {text-align:center;}

The white space is caused by this code. Remove the .

That code is not in the theme.html file in the theme. The only thing there is the XOOPS code to insert the banner. Currently I have banners disabled. Even with that code in it, it should still be black. The color is what is bothering me. If I turn on banners, there is a full white background filling the rest of the cell that the banner doesnt fill up. I changed the css for the banner to black. My guess is that XOOPS fills in that cell with that code when the banner is disabled.

If you make the suggested change it will work.

Well what file would that be in. Because its not in the theme. I did a search for that code in the theme.html file and nothing. Plus it wont work. If I turn on banners again it will show up white behind it.

If you insist on the css fix this will work.

In the styleNN.css file.

Look for this line.

I forgot about firefox being a gecko style browser. I didnt think about editing the NN css file. Now I will have to go in that file and make the changes in the orginal in this one too. That code you mentioned was put in by XOOPS itself. I could not remove it with out modifying XOOPS its self. I just turned on banner ads and you will see a full sized white background. Which is the problem altogether. Thanks for the help!