Mainbody drop shadow? Aligning CSS vertical BG to right of mainbody?

[Technex]

Hello guys,

 

I'm working on a new style for my website. And I'm currently trying to add a drop shadow to the right of the greay main body. It will be about 10-20px wide and I will make it 100% vertical. I would not like it to get in the way for smaller browsers.

 

http://tactical-infusion.com/test/

 

I am aware it doesn't work in IE6 and under, and to be frank I no longer care... Works fine in FF and IE7. But if you know how feel free to help me.

 

100% CSS, fluid, sticky footer and 3 columns . With some help from Aneko.

 

#mainbody{

background:#CCCCCC;

min-height:100%;

padding-right:208px;

padding-left:200px;

margin-bottom:-62px;

min-width:500px;

border-left:4px solid #b3b3b3;

border-right:4px solid #b3b3b3;

}

 

#mainbodyshadow{

width:8px;

background:#003333;

height:200px;

background-image:();

background-repeat:repeat-y;

float:left;

}

 

[Technex]

I can't seem to edit my OP. But just to let you know the mainbodyshadow style was just a test one. I am just trying to get it to float to the left of the mainbody.

 

View the live source for my added info.

[Technex]

Please reply if you would like any more info.

 

Thanks ever so much!