CSS help: Can’t spot the problem!! left margin problem.

I see that behavior happens for posts with long titles. Here’s one way to resolve the problem. Open up your theme’s style.css with text editor and make following changes:

– add margin-left to title

div.post-title h2 a {
margin-left:225px;
}

– change display:block to display:inline

.pic img {
border:1px solid #CFCFCF;
display:inline;
margin:0 0 18px;
}

hmm…tried that. It just put the title to the right the number of pixels set in the margin-left tag. BTW the problem doesn’t show up in Firefox 3.6, but does in safari and chrome on a mac.

So to be more specific about this problem, all titles 22 characters and under, are placed all the way to the left of the div they’re in. 23 characters and above and the title is formatted correctly. wtf???

Can you re-upload the original style.css of the theme to your server? This is the original per themeforest demo. That one’s working in all browsers.