Gaps appear with Safari, but not in any other browser.

Question

Hi Guys, working on a site, heres a page from it:
Text
If you view it in safari, it has gaps at the bottom of the
page in the border graphic, it renders fine in other browsers.
I have been able to fix this by adding a line break as the
entry in the sideshadow div, but i would prefer not to have to.
Anyone have any ideas?
Cheers

Answer 1

#BottomShadow {
width: 900px;
height: 45px;
background:url("../Images/bottom.jpg") no-repeat;
background-color:#FFFFFF;
text-align:center;
padding-top:30px;
I'd look at the padding-top here to see if it is adding to
much space.
Also, try eliminating the white space in your code within the
template
comments:
</div>
<!-- InstanceEndEditable --> </div>
<div id="BottomShadow">
to:
</div>
<!-- InstanceEndEditable --></div>
<div id="BottomShadow">
James M. Shook
http://www.jshook.com