Каков наилучший способ создания теней вокруг HTML, где HTML может быть жидким?
Раньше я использовал таблицу и имел 8 изображений png (4 стороны и 4 угла) в качестве фона для каждой из 8 внешних ячеек с html. Я хочу, чтобы тень падала в средней ячейке. Не очень семантически, но, по крайней мере, образы теней были фоном, и он был жидким ... HTML был уродливым, утомительным и, возможно, не очень оптимизированным для SEO.
Есть ли более совместимый (хотя я вообще не помню, чтобы у него были проблемы с браузером) способ или есть более семантический способ справиться с этим?
Меня не волнует IE6. Я использую jquery, поэтому мне вполне подходит механизм javascript / jquery, если в современных браузерах нет проблем с совместимостью.
ОБНОВЛЕНИЕ : предложение использовать CSS3 box-shadow было превосходным. Единственная проблема заключается в том, что он делает тень блока только того же размера, что и элемент html, к которому он применяется. Так что это означает, что у меня не может быть тени вокруг (как будто источник света находится прямо над головой). Я мог бы добавить окружающий div, который немного больше. Но тогда происходит то, что радиус границы заставляет белые артефакты появляться по углам ...
Есть ли способ создать красивую черную тень вокруг элемента html, а не просто сместить его от него?
ОБНОВЛЕНИЕ 2 : реализация CSS3 box-shadow и firefox / webkit поддерживает значение спреда, позволяющее получить то, что я хочу. Не было в той ссылке dynamicdrive.com ниже .. Спасибо, ребята!