Hello, I'm having an issue with my site (blog).
In IExplorer everything looks like it should, but in Firefox there is a problem.
I've taken the liberty to put up some screenshots, they say so much more . (Images are hosted on my Flickr account if you are wondering)


If anyone could tell me what I'm doing wrong here, I'd very much appreciate it.


IExplorer screeny
Firefox screeny


The html to display the box is the following:

<div class="container-sidebar">  
<div class="sidebar"> 
<h2>Most Commented Posts</h2> 
<?php n4r_most_commented_posts(6);?> 
</div> 
<div class="sidebar2"> 
<a href="http://www.link.com/"><img src="http://www.link.com" width="120" height="60" alt="text" /></a> 
<br><br> 
<a href="http://www.link.com"><img src="http://www.link.com" width="120" height="60" alt="text" /></a> 
</div> 
</div>

The CSS is the following:

div.container-sidebar{ 
  margin-left: 6px; 
  margin-bottom: 6px; 
width: 500px; 
text-align: left; 
background-color: #F4F4F4; 
padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 4px; 
padding-right: 4px; 
} 
.sidebar { 
  padding: 0px; 
  margin: 0px; 
  list-style: none; 
  font-size: 1.0em; 
 line-height:150%; 
 color: #000000; 
 text-align: left; 
 font-family: Verdana, Helvetica, Geneva, sans-serif; 
 font-weight: normal; 
 font-style: normal; 
  margin: 4px; 
  float: left; 
 } 
.sidebar2 { 
  padding: 0px; 
  margin: 0px; 
  list-style: none; 
  font-size: 1.0em; 
 line-height:50%; 
 color: #000000; 
 text-align: right; 
 font-family: Verdana, Helvetica, Geneva, sans-serif; 
 font-weight: normal; 
 font-style: normal; 
  margin: 8px; 
  float: right; 
 }

IE 6 does not support IE transparency if you're using transparent PNGs.
IE also has a seriously busted box model, so what IE is doing is, in most cases, wrong, and Firefox's display is correct.

As with most of these templates, you probably have more than one CSS file and no one can diagnose your problem from the one small snippet you've posted. There's usually far more going on and the interaction of ALL of the CSS and html is what we need to see.

Is the blog posted and can we see the url instead ?

Sure thing.
The url is http://www.stefson.com

Okay.
Found out what was causing the problem.

you need to add a clearing method to the box. The columns are both 'floated' so you need to clear them so that the container box wraps them both. A method might be to use the easy clearing method.

Check out this article about clearing a float container

Yup, floats must be cleared, glad you found it. P.I.E. is a super resource.