FireBug，调试CSS的最重要工具，以及其他工具。
get it here

IE Web Developer Toolbar一般来说它不如firebug好，但当你遇到特定于IE的问题时，它会有所帮助。

除了Firebug之外，确保你的HTML是有效的是一个非常宝贵的工具，可以最大限度地减少CSS的麻烦。有时候你的CSS可能无法正常工作，因为HTML中有错误。不同的浏览器有不同的方法来处理不正确的HTML，有时候会让它看起来像是跨浏览器的CSS问题。验证器可以帮助你找到标记中的错误。
http://validator.w3.org/

+1对于FireBug
在这个特殊的例子中，我只是建议一种新的方法来处理阴影。目前，你把它们作为项目。你通常想使用CSS背景图像来处理这样的事情。

.mainShadowRight {
*/ your other stuff */
url('images/mainShadowRight.gif');
}

你的.mainShadowRight CSS类指定了一个min-height（IE6不能理解，IE7也不总是100%正确）
正如DLarsen所指出的，你似乎错过了背景图像：public void run（）;

谢谢你的所有回答，似乎已经完成了这个把戏。
我想我spazzed与上传，因为我应该definitley有bg图像的东西。
IE的Web开发工具栏看起来也很不错，因为我有FF的Firebug和Web开发工具栏。

调试CSS的另一个热门推荐-CSS Viewer。
这是一个Firefox插件，允许你在网页中的元素上悬停，并查看它们的确切样式。通常你会发现最终的样式不是你想要的，可能是由于一些样式的继承。