Background-Image Height 100% Issues

[tenthmuse]

I've done this before, but for some reason it's not working this time. When I test it using Homesite, it works fine, but when I upload it into Movable Type templates, it ceases to work.

#stripe {
position:absolute;
top:0px;
left:0px;
width: 744px;
height: 100%;
background-image: url(stripey.jpg);
background-repeat: repeat-y;
}

I've got a background image tiling across the page and I'm using the id to create an additional vertically-tiled "background image" down the left side. I just can't seem to figure out why it won't extend 100%.

I've had success with this horizontally before using MT, so I'm not sure what the problem is.

help?

[marek]

What's the explicit height of the parent block? If zero, then height:100% of the child block also equals zero :-)

[tenthmuse]

parent block. hm. there is no parent block. it's just out there.

You can see what I'm trying to do here [shabbydoll.com].

:) thanks!

[marek]

If there is no parent block, then BODY generates parent block. And body's height depends on the heights of its children. If their heights are 100%, then they effectively equal zero. Try

html, body { height: 100% }

but don't expect that it works everywhere.

[tenthmuse]

thanks...

crap. it didn't work. well, it sort of worked...about half-way down the page. I have no idea what the deal is. it worked PERFECTLY when I used this technique going horizontally. But now... nuttin'.