background-image start position issue

[Irishjugg]

background-image: url('images/conbg.png');
background-position: 0px 26px;
/*background-attachment: fixed;*/
background-repeat: repeat-y;

Using that code Im still getting the background image I am tiling to start at the top of the div. Ive got some rounded corners images I need to be using at the direct top, so I absolutely need to find a good way to offset the first of my y repeat tiles at the (0, 26) pixel position from the top of this div.

Anyone be able to tell me what Im doin wrong?

[Irishjugg]

Anyone know anything about this?

[TheJoshMan]

it would be easier to solve this problem if we could see an example of what/where you are trying to implement it.

[Irishjugg]

http://eatechsolutions.vndv.com/bb/

Ive posted the current WIP version there.

Basically for each of the divs the background tiles up and down vertically (I think that may be a FF thing) Is there a way for me to handle making the repeat-y start at a specific position or do I need to find some other way and use different rounding cap images.

[TheJoshMan]

That's just as much an "image" problem as it is a "CSS" problem. I can manipulate the CSS enough to make the top rounded rectangle line up correctly, but it is impossible to do so with the area between the top and "main" rounded corner rectangle due to the large amount of "excess" image which overlaps no matter how you position it. If I have time, I might try to make you some custom images with the same color scheme which would facilitate what you are trying to accomplish a little better.

[Irishjugg]

That would be exceptionally helpful if you could, I'm a bit new to the image design portion of the show as it were.
Just seeing what I did wrong would be very helpful for the future.

[TheJoshMan]

i'm trying to finish up my new blog, so when I get it all done i'll work on those images for you and post a link to where you can download them in here.

[Irishjugg]

Thanks, ill look forward to it.

[Medyman]

http://www.html.it/articoli/nifty/index.html
http://www.spiffycorners.com/index.php?sc=spiffy&bg=680000&fg=b20000&sz=5px

[Irishjugg]

i'm trying to finish up my new blog, so when I get it all done i'll work on those images for you and post a link to where you can download them in here.

Have you had any chance to look into this yet? Even a small amount of guidance on how I've done things wrong would be very helpful.

[TheJoshMan]

honestly, I had completely forgotten about this post. I am so sorry. I'll take a look at it now.

[TheJoshMan]

Here's the first one...

http://www.m-pulsedesigns.com/Testing/containtop.png

http://www.m-pulsedesigns.com/Testing/containtop.png

[TheJoshMan]

And some more...

http://www.m-pulsedesigns.com/Testing/containmid.png

http://www.m-pulsedesigns.com/Testing/containbot.png

http://www.m-pulsedesigns.com/Testing/containmid.png

http://www.m-pulsedesigns.com/Testing/containbot.png

[TheJoshMan]

and the rest...

http://www.m-pulsedesigns.com/Testing/contop.png

http://www.m-pulsedesigns.com/Testing/conbg.png

http://www.m-pulsedesigns.com/Testing/conbot.png

http://www.m-pulsedesigns.com/Testing/contop.png

http://www.m-pulsedesigns.com/Testing/conbg.png

http://www.m-pulsedesigns.com/Testing/conbot.png

[Irishjugg]

alright, so quick question. What was wrong with mine comparitively, I tried to do the same general thing, was I trying to do too much with each image?

[TheJoshMan]

well, alot of the reason your images wouldn't work (easily) was due to the fact that you had anywhere from 10 to 25px worth of "overhang" past the main portion of the image. I'm sure you did this to attempt to make it "blend", but it was actually making it harder for you to make the images line up correctly.