Background images not lining up

[dryan1144]

So I just posted under a different title asking for help with some nav images not lining up.
I’ve fixed that and now I have a small aesthetic issue…

I’ve taken a slice out of my photoshop mockup to make an expandable main-content area. I’m seeing gaps in the drop shadows where the image repeats itself. Subtle but annoying. Any ideas?

http://www.osulmusic.com/test

css for the ‘main-content’ and ‘article’ divs…

CSS:

Code:

div#page-wrap{
width:650px;
margin: 0 auto;
background:url(images/content-bg.jpg) repeat-y ;

}

div#main-content{padding: 10px 40px 40px 50px;

}

div#article {
width: 500px;
float: left;
color:white;
}

[Soh Tanaka]

hehe this is not a css issue, but if you look close at your repeating background, your gna see that the top 10px of the shadow is fading out. Thats why it looks like its not repeating correctly.

Fix ur image and ur good to go~ :-)

[dryan1144]

Yar, so ’tis. Thanks!

[Author]

Posts