chase
01-31-2007, 04:12 AM
http://www.tzpikes.com/dark_shine/recruitment/recruitment.php
In Firefox, this page loads fine, but in IE7, the top two graphics are "pushed down" (for lack of better words). I have no idea what the problem could be, but here is the offending CSS code:
#adspace {
height: 67px;
background: #86221B url(graphics/ad.gif) repeat-x;
border-top: 1px solid #CA807C;
border-left: 1px solid #A5514B;
border-right: 1px solid #5B1D1B;
border-bottom: 1px solid #3E1B19;
font: normal 10px/100px verdana, arial, sans-serif;
text-align: center;
color: #fff;
cursor: default;
overflow: hidden;
}
And what's in the page:
<div id="adspace"><img style="width: 730px; height: 70px;" alt="" src="../graphics/logo.jpg" />
ad space
</div>
I didn't write this CSS myself, I used a template because I'm new to CSS and trying to learn. Thanks in advance for the help!!
In Firefox, this page loads fine, but in IE7, the top two graphics are "pushed down" (for lack of better words). I have no idea what the problem could be, but here is the offending CSS code:
#adspace {
height: 67px;
background: #86221B url(graphics/ad.gif) repeat-x;
border-top: 1px solid #CA807C;
border-left: 1px solid #A5514B;
border-right: 1px solid #5B1D1B;
border-bottom: 1px solid #3E1B19;
font: normal 10px/100px verdana, arial, sans-serif;
text-align: center;
color: #fff;
cursor: default;
overflow: hidden;
}
And what's in the page:
<div id="adspace"><img style="width: 730px; height: 70px;" alt="" src="../graphics/logo.jpg" />
ad space
</div>
I didn't write this CSS myself, I used a template because I'm new to CSS and trying to learn. Thanks in advance for the help!!