 Border is correct in IE7 but not in Firefox
Ok I am on my way to doing my CSS homework, but for the mean time this small thing is driving me crazy. I'm trying to make two tables seamless with each other, and I have tried mulitple methods. The following code looks perfect in IE7 but there is a white line between the two tables when viewed through Firefox.
I have a feeling it is because i have a CSS style attribute to my second table, because i want the background image only in that ONE cell/row and that was th eonly way i could figure out to make it happen.
Please help! P.S. I am doing this in Dreamweaver! lol
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Amanda M. Bruce - Graphic Designer</title>
<style type="text/css">
<!--
table, table tr, table tr td {
border:none;
border-collapse: collapse;
}
-->
</style>
<div align="center">
<table width="0" height="598" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="212d3d">
<td width="800" height="85"><img src="new backgrounds and images/topbanner_wmenu.jpg" alt="Title" width="800" height="85" /></td>
</tr>
<tr style="background: url(welcome.jpg) no-repeat 0 0;">
<td height="492"> </td>
</tr>
</table>
</div>
Started By yesyoucant on Oct 16, 2008 at 2:37:10 PM | 
