Content overflows the sidebar

I've a css related problem in my opinion. Content just comes out from the sidebar in Firefox but perfect in Internet Explorer. See attached images.

I suppose, may be there is a problem with css styles.

div#container {
	width:950px;
	text-align:left;
	font-size:1.2em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0em;
	background-color: white;
	background-image: url(../img/container_background.gif);
	background-repeat: repeat-y;
	background-position:center;
	padding-bottom:0px;

Code (markup):

or

#sidebar {
	float: right;
	width: 175px;
	padding: 0px 0 0 0px;

Code (markup):

or

div#banner {
	width:155px;
	height:auto;
	margin-right:10px;
	margin-top:25px;
	background:none;
	text-decoration: none;

Code (markup):

Thanks in advance

 

Can you show us the mark up? It looks like you need to clear your floats.

 

Hi webblab,

If your #container DIV is holding everything inside it (which does appear to contain floats), then add overflow: hidden; to that style rule (#container { } ) so that the container DIV can contain the floats.

If that doesn't do it, then I'll need to see your complete HTML and CSS for the page as jumpenjuhosaphat suggested.

 

Thank You very much!!! It works!! The problem solved!!