CSS - Drop Shadow

programming web dev
1

Hello,

Here is the layout I’m referring to:
http://www.cingular.com/cell-phone-service/welcome/?_requestid=62814

I’ve been able to figure out the drop shadows for the sides and bottom.

I can’t seem to find out how they did the top shadow… looked at the index, css pages with no reference to any top shadow. So I tried replicating the bottom for the top, and although it worked on the mac, on a pc with internet explorer it does not display properly.

Any idea? :hockey:

Sides:


#sidesShadow {
  	padding:0;
    margin: 0 auto;
  	width:760px;
	height: 100%;
  	margin-left: auto;
	margin-right: auto;
	background: url(images/page_midSlice.gif) 0 0 repeat-y transparent;

}

Top:


#btmContainer
{
	clear:both;
    margin: 0 auto;
    width:760px;
    height:5px;
    background: url(images/page_btmSlice.gif) 100% 100% no-repeat transparent;
}