Need CSS Help - Two Parts

[BossLovely]

I'm creating this site:
http://www.cornbreadart.com/indexTEST.html

I've ran into a couple of problems:

1. The bottom part of the "rounded" blue tab repeats itself, for what it looks like about 30px. I put in the code for the height of this class to be 10px. What can I do to make it not repeat and look ugly?

2. As you can see on the site, the store section is detached from the header. It's supposed to look like it flows from the header's border, but when the body div's height is stretched, the more the store section separates from the header. Is there a way I can make the store section stay in place regardless of how long the body div might get?

Thanks!!

[Coyotelab]

here is the fix for "rounded blue tab repeats"

#storeLink p.tab{
width: 241px;
height: 10px;
background:url(../images/roundit.jpg)no-repeat;
margin-top: 0px;
margin-left: 0px;
}

[BossLovely]

that worked for the rounded blue tab....THANK YOU!!!

any thoughts on how I can keep the store div in its place when the body div gets longer?

[Coyotelab]

I think it would be better to use absolute positioning instead of margin in your case.

[BossLovely]

Can you be a little more specific?

[Coyotelab]

CSS:#navbar {
background: url(images/navbar.gif) no-repeat;
visibility: visible;
position: absolute;
left: 263px;
top: 3px;
z-index: 2;
width: 475px;
height: 20px;
}
#header {
background: url(images/header.gif) no-repeat;
visibility: visible;
position: absolute;
left: 43px;
top: 27px;
z-index: 2;
width: 702px;
height: 282px;
}
#shape3,
#shape2,
#shape1 {
visibility: visible;
position: absolute;
top: 257px;
z-index: 3;
width: 161px;
height: 142px;
background-repeat: no-repeat;
}

#shape2 {
background-image: url(images/shape2.gif);
left: 237px;
}

#shape1 {
background-image: url(images/shape1.gif);
left: 65px;
}
#shape3 {
background-image: url(images/shape3.gif);
left: 410px;
}
#store {
background: url(images/store.gif) no-repeat;
visibility: visible;
position: absolute;
left: 578px;
top: 308px;
z-index: 3;
width: 154px;
height: 343px;
}

#other {
background: url(images/other.gif) no-repeat;
visibility: visible;
position: absolute;
left: 71px;
top: 412px;
z-index: 2;
width: 481px;
height: 236px;
}