added a div class "shadow" to container and used the dnnnnCssInclude statement from skin to get css/style.css referenced

nnCssInclude ID="DnnCssInclude1" runat="server" FilePath="css/style.css" PathNameAlias="SkinPath" Priority="1" />

<div id="ContentPane" runat="server">

You should simply put the css for the container in a container.css file in the same directory as the container file. DotNetNuke will take care of including it for you.

Or you can put the css in either portal.css or skin.css.

Thanks, I added it to a css container in the container folder.
The shadow works great with Chrome but not with Internet explorer and I tried all the modes using the F12 function.
Any ideas? My css is below

.shadow {
-moz-box-shadow: 40px 20px 40px #000033;
-webkit-box-shadow: 40px 20px 40px #000033;
}

Neither the -moz nor the -webski css styles are supported by IE.

See: http://www.w3schools.com/cssref/css...shadow.asp

The box-shadow property is supported in IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1.

Definition and Usage
The box-shadow property attaches one or more drop-shadows to the box.

Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.boxShadow="10px 10px 5px #888888"

--------
If you need to support IE versions earlier than 9, you will have to google around for some ideas. See http://hedgerwow.appspot.com/demo/shadow for an example.

You can put IE-specific styles in small corrective CSS files. If you look at the source for some of the skins supplied with DotNetNuke, you will see some conditional statements that do this.

ALso, make sure to use a doctype of XHTML 1.0 best cross-browser and cross-version capability. HTML 5 stuff doesn't work on older browsers. YOu can see about that here: http://net.tutsplus.com/tutorials/h...-even-ie6/