I seem to keep having trouble with Safari bugs. But, does anyone know why there is a five pixel gap between two of my divs. There is no gap in IE or Firefox and that's the way I want it. Thanks for your help ahead of time :)

http://cloud9.campushippo.com/project/

I think these are the two divs that are conflicting.

#content {
top: 50px;
text-align: left;
z-index: 2;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 800px;
background-color: transparent;
border: 0px solid #333333;
}

#pattern_bottom{
z-index:-3;
vertical-align: middle;
position: relative;
left: 0%;
height: 150px;
width: 100%;
top: -163px;
border: 0px solid #ffffff;
background-color: #333333;
background-image: url('images/pattern_red.gif');
}

Thanks:)