Sitter och fnular på en sida där två olika divar är tänkta att ha en box-shadow.
Divarna ligger efter varandra och skuggan från den övre boxen hamnar över den undre boxen. Hade hoppats att z-index hade kunnat fixa detta så att det sett ut som att båda boxarna var en. Någon som kan hjälpa mig med en lösning?
index.php:
<div id="container">
<div id="header"> <jdoc:include type="modules" "name="header"/></div>
<div id="menu"> <ul class="menu"><jdoc:include type="modules" "name="menu" /></ul></div>
<div id="content" class="float"> <jdoc:include type="component" /></div>
<div id="sidebar_right" class="float"> <jdoc:include type="modules" name="right" /></div>
</div>
<div id="footer" class="clear"> <jdoc:include type="modules" name="footer" /></div>
template.css
#container {
Align: Left;
width:960px;
margin: 10px auto auto;
text-align: left;
width: 1024px; height: 600px;
float: left;
border-top: 1px solid #d5d6d7;
border-right: 1px solid #d5d6d7;
-moz-box-shadow:1px 1px 1px 0px#888;
box-shadow: 8px 8px 15px #888;
}