add overflow:hidden; to your content wrapper (div) css
if u can post an actual link of the post, i can give you more accurate css
Hello Robin
Here is the link: click here
ah i dont see it being overlap as per your printscreen,
to me it looks like a good spacing between sidebar and ur content window?
r u sure u sent the write link ?
What happens when you try to shrink the screen? Do they overlap?
ok so just looking through firebug tool i can see lot of margin issues and css floats thing
just cant exactly fix it with firebug though
but i will try to give u maximum info u need to fix it ..
this is what ever i could reach with playing around with firebug
you would have to play around with few values to get 100% fix
backup your stylesheet before doing the changes
.content-sidebar #content {
background: none repeat scroll 0 0 #FFFFFF;
}
#content {
margin-bottom: 20px;
overflow:hidden;
width: 100%;
}
.sidebar-content-sidebar #content-sidebar-wrap, .content-sidebar-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
float: left;
overflow: hidden;
width: 550px;
}
.content-sidebar #sidebar {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 10px 10px 10px 10px;
}
.sidebar {
display: inline;
float: left;
margin-bottom: 10px;
margin-left: 30px;
width: 310px;
}