I'm working on a project where I need to have shadows on both sides of the box and also I need the content to be dynamic - so that when I add more text the shadows-div and the content-div will scale it's height with more text.

For now I am using this:

#full {
position: relative;
width: 800px;
height: 600px;
background: #ccc;
}


#shadowLeft {
position: relative;
width: 10px;
height: 100%;
float: left;
background: url(../img/shadow_left.gif) repeat-y;
}


But this way it won't be dynamic. How can I fix that?

I don't know JS :/

Ok, will do. Thanks.