CSS help please!

[Trium918]

CSS is not getting along with Fire Fox browse

 

I used a <div class="spacer"></div> to clear the

<div id="topics"></div>.

 

The problem is that when the <div class="sidebar_a"></div> expand the

<div class="topics"></div> also expands.

 

Take a look in Fire Fox please and here is the style sheet below.

http://www.superiun.com/blog

/* CSS Document */

#container { 
width:760px; 
padding:2px;
background-color: #000000;

margin: auto;
}

#header{
background-image:url(../images/3b.jpg); 
background-position:center;
background-repeat:no-repeat;

width: 100%;
height:120px;
}

#topnav{WIDTH: 100%; FONT-WEIGHT: bold; HEIGHT: 28px; padding-top: 2px; padding-bottom: 2px; margin-bottom: 10px;}

#topnav ul{
	BORDER: 1px solid #BBB; /*WIDTH: 100%;*/
BACKGROUND: url(../images/cellpic5.gif) center center repeat-x; /*THEME CHANGE HERE*/ 
PADDING: 4px 0px; MARGIN: 0; TEXT-ALIGN: left;
}
#topnav ul li{DISPLAY: inline; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px;}

#topnav ul li a{COLOR: #FFFFFF; PADDING: 4px 7px; TEXT-DECORATION: none; MARGIN: 0;}

/* Controls topnav after users clicks link */
#topnav ul li a:visited{color:#FFFFFF;text-decoration: none;}

/* Topnav acts like a rollover */
#topnav ul li a:hover{
background: url(../images/chromebg.gif);
color: #003366;	
}

/* Content */
#content {
width: 380px;
height: auto;
/*margin-left: 200px;
margin-right: 200px;*/
margin: auto;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #055294;
background-color:#FFFFFF;
}

#subheader{ padding:5px; text-align: center; border-right: #ccc 1px solid;  border-top: #ccc 1px solid; 
border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; margin: 0px 0px 5px;}

#topics {
border: #ccc 1px solid; background: white; 
margin: 0px 0px 5px; padding: 2px;
}

#topics .image { vertical-align: top;width: 110px; text-align: left;}

#topic_info { border: #ccc 1px solid;    background: white; 
margin: 1px; padding: 0px 2px 0px 2px;}

/* */
#sidebar_a {
float: left;
width: 158px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #055294;

height: 500px;
}

/* */
#sidebar_b {
float: right;
width: 158px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #055294;
}

.topic_image { 
float: left;
margin: 5px;
}

#topics p { 
font-size: 100%;
line-height: 150%;
color:#FF0000; 
margin: 0;
}

.spacer { clear: left; }