View Full Version : Margin messing backround image up?

Nov 19th, 2010, 11:16 AM

I have a background image on my site and it looks fine if I have no margin/padding to the top or bottom of the wrapper.
However I do want 30px margin-top and bottom.

When I apply this style, my background image seems to repeat 30px at the top and bottom.

Any help much appreciated!!
Thanks you

--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
background-color: #393939;
background-image: url(http://blah/joomla/templates/alex/images/layout/flock.jpg);
background-repeat: repeat-both;

#wrapper {
font-family: 'Josefin Sans', georgia, arial, serif;
font-size: 14px;
line-height: 150%;
text-decoration: none;
padding: 0px;
width: 910px;
margin-top: 30px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
background-repeat: repeat-y;

Nov 19th, 2010, 03:10 PM
Do you have a link to your site?