みなさん初めまして。

株式会社LIG [リグ]
http://liginc.co.jp/

リグさんのWEBサイトはCSS3の使い方がとても上手いので時間のある時に拝見させてもらっています。そこで1点CSS3の使い方でどうしても分からない事があったので、もし知っている方がいましたら知恵を貸して下さい。

「div#sidebar」と「div#contents」にbox-shadowが使われているのですがこの2つの要素を「div.box_wrap」で囲っている為に通常に作ると「div.box_wrap」の外側はシャドウが切れて見えるはずです。

しかし、このサイトでは奇麗にシャドウが見えています。box-shadowで指定した分paggingを指定すれば同じ事が再現できますが、リグさんのWEBサイトではpaddingすら指定していないみたいです。

最初は謎解きのようで楽しかったのですが、数日問題が解けないと答えが気になってしまいこちらで質問させて頂きました。

どうぞ宜しくお願いします。