Jquery nivo填充，边框为长方体阴影

我在我的网站上集成了nivo滑块，我使用的是jquery！不是wordpress插件。我在安装时没有问题，因为它可以立即工作，但是当我想到一个想法，我想让它更漂亮，所以我尝试在.nivoSlider类上添加一些样式

padding: 8px;
border: 1px solid #ccc;
background: #fff;
-moz-box-shadow: 0 0 5px 5px #888 !important;
-webkit-box-shadow: 0 0 5px 5px#888 !important;
box-shadow: 0 0 5px 5px #888 !important;

起初，填充只应用于滑块的顶部和底部，甚至使用边框，直到我替换

height: 100%;

到

在.nivoSlider类中

padding: 8px;
border: 1px solid #ccc;
background: #fff;
-moz-box-shadow: 0 0 5px 5px #888 !important;
-webkit-box-shadow: 0 0 5px 5px#888 !important;
box-shadow: 0 0 5px 5px #888 !important;

但是现在这里的主要问题是框阴影，因为阴影是在滑块的两侧切出的，我的意思是阴影没有显示在滑块的左侧和右侧（阴影没有覆盖整个框），相反，框阴影只显示在滑块的顶部和底部

我不知道发生了什么，但我试图弄清楚到底发生了什么，以及如何解决这个问题，所以我在这里问一个建议和想法，如何实现滑块中的完整框阴影

---

谢谢。

修复！我只需要指定滑块的宽度，它就可以工作了