Gap between rows in IE7

[Roc]

I have arranged a table with 2 rows in a layer. The top row has 11 columns which hold the nav buttons. The bottom row has 3 columns with background repeat in the middle one.

The above layout shows up fine in FF2 but not in IE7. In IE7 it shows a few pixels space between the two rows.

Originally Posted by HTML

<div id="navigation">
<table width="766" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10">
</td>
<td width="65">
</td>
<td width="55"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('homeimg','','rollovers/xhomeSel.gif',1)"><img src="rollovers/buttonHome.gif" name="homeimg" width="55" height="32" border="0" id="homeimg" /></a>
</td>
<td width="79">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('studentsimg','','rollov ers/xstudentsSel.gif',1)"><img src="rollovers/buttonStudents.gif" name="studentsimg" width="79" height="32" border="0" id="studentsimg" /></a>
</td>
<td width="65">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('faculty','','rollovers/xfacultySel.gif',1)"><img src="rollovers/buttonFaculty.gif" name="faculty" width="65" height="32" border="0" id="faculty" /></a>
</td>
<td width="63">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('alumni','','rollovers/xalumniSel.gif',1)"><img src="rollovers/buttonAlumni.gif" name="alumni" width="63" height="32" border="0" id="alumni" /></a>
</td>
<td width="123">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('lecturesimg','','rollov ers/xlecturesSel.gif',1)"><img src="rollovers/buttonLectures.gif" name="lecturesimg" width="123" height="32" border="0" id="lecturesimg" /></a>
</td>
<td width="148">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('knowledgeimg','','rollo vers/xknowledgeSel.gif',1)"><img src="rollovers/buttonKnowledge.gif" name="knowledgeimg" width="148" height="32" border="0" id="knowledgeimg" /></a>
</td>
<td width="87">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('profilesimg','','rollov ers/xprofilesSel.gif',1)"><img src="rollovers/buttonProfiles.gif" name="profilesimg" width="87" height="32" border="0" id="profilesimg" /></a>
</td>
<td width="62">
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('eventsimg','','rollover s/xeventsSel.gif',1)"><img src="rollovers/buttonEvents.gif" name="eventsimg" width="62" height="32" border="0" id="eventsimg" /></a>
</td>
<td width="9">
</td>
</tr>
<tr>
<td width="10"><img src="images/descLeftBorder.gif" width="10" />
</td>
<td width="747" colspan="9" class="descex">
</td>
<td width="9"><img src="images/descRightBorder.gif" width="9" />
</td>
</tr>
</table>
</div>

Originally Posted by css

.descex {
background-image:url(../images/descExtender.gif);
background-repeat:repeat-x;

#navigation {
position:absolute;
left:27px;
top:37px;
width:766px;
height:72px;
z-index:1;
}

[DeadBeet]

I would check the image, make sure there is no white space on the image, thats what it looks like..

[Roc]

Nope there is none. The screenshot below is of the same page in ff2

[DeadBeet]

thanks for reporting the topics Roc!

[goliath]

I haven't used CSS on tables much, but if the <td> elements get treated like a <div> element, then by being styled it may be getting a default border, margin, and/or padding of 1.

Try explicitly setting all of your borders padding and margin explicitly to 0 for the .descex class.

[Roc]

hey thanks for the reply. I tried what you said and that doesnt help either. I guess ill just go put that bar in a separate layer. no headbanging, end of story!

[PolZegerully]

Hello all!
This is my first time on this site.
I would like to tell what I really like the topic "http://www.webmasterforums.com/?s".
I've been reading it for a while, and I have learned so much here.
So, I decided to try my luck asking a few questions...
How can you IM, PM or whatever you call it to certain members? .
I'd like to ask more questions about this project.
By the way, nice domain name www.webmasterforums.com.

[DeadBeet]

This seems a little fishy... But, if you give me the username I'll send you to the link