Extra horizontal space- div/table/image within <td>

marvso

Member
Messages
61
Reaction score
0
Points
6
I seem to have a spacing problem in Internet Explorer. In FireFox, www.mario-vs-sonic.co.cc/index1.php displays fine, but in IE the navigation bar gains A LOT of extra space.

Code:
#side {

background: url(http://i41.tinypic.com/1knt4.png);
background-color: cc00000;
overflow: hidden;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}

Code:
<td bgcolor="#000099"valign="top"id="side"><center><img style="width: 160px"alt=""src="[URL="http://x10hosting.com/forums/view-source:http://mario-vs-sonic.co.cc/1nav.jpg"]1nav.jpg[/URL]"width="160"height="30"/></center>HOME</td>

I've moved around the carriage return of the </td>, I've reset the width for #side multiple times, I've set #side's margin to 0... but nothing seems to work. This isn't just a problem with the image, either: if I try to add a table or div into the td, then the same thing happens.

Does anyone know the problem (other than the fact I'm using tables in 2010:wink:)? Thanks for any help. :)
 

Zubair

Community Leader
Community Support
Messages
8,766
Reaction score
305
Points
83
Wrong section

***Moved to Programming Help***
 
Top