Question

Probably a simple thing to fix, but for some reason the content column on this Tumblr page has started to flicker on mouseover, between full width and (presumably) the original width that the theme was programmed with. Can anyone see what CSS is causing it? We’re going a bit mad here.

http://todayiwantedtoprogram.tumblr.com/

(And yes, the code is horrendous. You can blame, for the mostpart, the original theme creator!)

Thanks in advance, folks.

Answer 1

For some reason there is a :hover event on your main document, line 151, that shifts the content area upon hover. Remove that and it should fix your issue.

snippet

#content-center .regular:hover {
background: url(http://static.tumblr.com/02ma0np/JRhl6y2ty/post-on.png) no-repeat;
padding-left: 35px;
margin-left: 15px;
width: 520px;
}