Post Text Overlaps Sidebar

Have you corrected the problem? I cannot see any text overlapping at the link you provided using Firefox or IE9.

No I haven’t. I know it works in IE and Firefox just not in Chrome or Safari…it’s bizarre

At lines 411-416 of style.css you find these lines:

@media screen and (-webkit-min-device-pixel-ratio:0){ #content {
	margin: 0 10% 0 0;
}} /*end safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){ .page #content, .single #content {
	margin: 0 22% 0 0;
}} /*end safari hack */

If I change the 10% margin to 22%, there is no overlap. It is possible that this hack is no longer needed.

Thank you!

that’s fixed it in Safari but not in Chrome…hmm

Odd – it worked for me in Chrome. Have you cleared your cache?

I have now and it still does the same…I’ll give it a bit of time and see if that clears it…thank you for your help

It looks like line 411 is still set at 10%.

On mine lines 407 – 16 read

}
#content {
margin: 0 22% 0 0;
}

#main .widget-area {
float: left;
overflow: hidden;
width: 20%;

Are you looking at wp-content/themes/skirmish/style.css?

yes

I can’t explain it. When I look at the css in Firebug, it is still set at 10% as before. Changing it to 22% removes the overlap.

Perhaps you can search other css files for the 10%.

It’s very strange, I’ve pulled up all the CSS files in the theme folder and can’t find any reference to 10% in any of them

Are you using a WP caching plugin?

Nope, I’m accessing the file directly through FTP

If you have a WP caching plugin, you should clear it.