How to make an div on top?

[Muiter]

For some reason the shadow of the bottom part of an div is not showed correctly.How can I change this?This is the CSS of the bottom part of the div:

.pulldown_bottom {	background-color: #DDDDFD;	font-family: Arial;	font-size: 12px;	cursor: auto;	/*--CSS3 Rounded Corners--*/	-webkit-border-bottom-left-radius: 10px;	-webkit-border-bottom-right-radius: 10px;	-moz-border-bottom-left-radius: 10px;	-moz-border-bottom-right-radius: 10px;	border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px;	/*--CSS3 Box Shadows--*/	-webkit-box-shadow: 0px 8px 15px #000;	-moz-box-shadow: 0px 8px 15px #000;	box-shadow: 0px 8px 15px #000;}

[jeffman]

What you're seeing is correct according to most implementations. A shadow is not considered part of an element's "space." Since you don't define "correct" I'll offer two possibilities.1. You would like the shadow to overlap the area where the numbers are. Try adding a z-index value of 10 or something.2. You would like space between the shadowed element and the area where the numbers are. The space should be equal to the height of the shadow. Try adding a margin-bottom rule. Plan on adjusting it several times before it looks right.You could even combine these 2 ideas.

[Muiter]

1. You would like the shadow to overlap the area where the numbers are. Try adding a z-index value of 10 or something.

Thank you for explaining. To what part should I add an z-index?

[jeffman]

The element that has the "disappearing" shadow.

[dsonesuk]

Just to clarify, that if you plan to use z-index: the element using this MUST have a position: declaration defined, in this case most likely position: relative;.

[Muiter]

Thanks an lot Deirdre's Dad