Question

On my website I’ve got a style (class=”more”) that is overrunning its bounds and doing something strange. I’m not enough of a css guru to know how to fix this. Please take a look:

http://www.zerogravpro.com/

Now look at my screenshot describing the problem:

https://www.chainedpayments.com/temp/zgp.png

How can I fix this? Additionally I really like that little “more” snippet of image and css, and would love to be able to use it in more places. But the css is really awkward and when I try to use class=”more” in other places, it doesn’t look right. In fact just using it in the 1 place on my home page is causing the problem shown in the screenshot.

I’d really appreciate any help offered.

Answer 1

You set it so all <p> tags inside #bodyPanel have that image as their background.

Correct way to do it:

HTML

<p class="man_bg">Blah Blah blah</p>

CSS

#bodyPanel p {
    margin: 0 0 0 54px;
    padding: 0 42px 35px 150px;
    color: #0F0F0F;
}
#bodyPanel p.man_bg {
    background: url(images/papersandsky.png) 0 0 no-repeat white;
}