http://img87.imageshack.us/img87/5017/wtfya4.png
Shot at 2007-06-27
how can I get rid of the red line? Im stummped on what is going on.
html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
<html><head><link rel="stylesheet" href="css.css" type="text/css" /></head><body>
<div id="cbox" >
<img src="images/title.png" class="block" />
<div id="mpanel">
<img src="menu/p.png" />
<img src="menu/spacer.png" alt="" />
...bunch of menu images..
<a href="asdsa"><img src="menu/link4.png"></a>
<img src="images/menu/spacer.png" alt="" />
</div>
<!-- problem is the space btwn these to object-->
<img src="images/pre.png" class="block" alt="" />
...
css:
Code:
html body {
background:#FAFAFA;
padding:0px;
margin:0px;
font: 12px arial, sans-serif;
}
img {
padding:0px;
margin:0px;
border:0px;
}
#cbox {
width:700px;
margin:0px 0px 0px -350px;
padding:0px;
position:relative;
left:50%;
background:#DBDBDB;
}
#mpanel {
width:700px;
height:23px;
background:red;
}
.block {
display: block;
}