mellanrum i tabell endast i NS

Jag vet inte hur jag ska lösa detta...

[red]
<table id="loggintable" class="leftmenu" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">
		<tr>
			<td class="leftmenuhead"><a id="Hyperlink1" href="/default.aspx" style="border-width:0px;"><img src="/office/image/menubuttonloggin.png" border="0" /></a></td>
		</tr><tr>
			<td class="leftmenucontent"><p>Användarnamn:</p></td>

		</tr><tr>
			<td class="leftmenucontent"><input name="user" type="text" id="user" class="loggin" /></td>
		</tr><tr>
			<td class="leftmenucontent"><p>Lösenord:</p></td>
		</tr><tr>
			<td class="leftmenucontent"><input name="password" type="password" id="password" class="loggin" /></td>
		</tr><tr>
			<td class="leftmenucontent"><input type="submit" name="logginbutton" value="Logga in" id="logginbutton" class="logginbutton" /><span id="error" class="error"></span></td>

		</tr><tr>
			[b]<td class="leftbottom"><img id="nocansee" src="/office/image/nocansee.png" style="border-width:0px;" /></td>
		</tr><tr>
			<td class="leftbetween"><img id="nocansee2" src="/office/image/nocansee.png" style="border-width:0px;" /></td>
		</tr><tr>
			<td id="Tablecell1" class="leftmenuhead"><a id="Hyperlink4" href="/default.aspx" style="border-width:0px;"><img src="/office/image/menubuttonlastlogged.png" border="0" /></a></td>[/b]
		</tr><tr>
			<td class="leftmenucontent">
							<p>

								xxx xxx<br/>
								xxx xxx
							</p>
						</td>
		</tr><tr>
			<td id="Tablecell2" class="leftbottom"><img id="Image3" src="/office/image/nocansee.png" style="border-width:0px;" /></td>
		</tr>
	</table>
[/red]

med denna css

[red]
TABLE.leftmenu
{
	padding: 0px;
	width: 141px;
	margin: 0px;
}

TD.leftmenuhead
{
	background-image: url(image/leftmenu.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 141px;
	height: 21px;
	padding-left: 5px;
	padding-top: 1px;
}
TD.leftmenucontent
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	background-image: url(image/leftmenubackground.png);
	background-repeat: repeat-y;
}
TD.leftbottom
{
	background-image: url(image/leftmenubottom.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 6px;
	margin: 0px;
}
TD.leftbetween
{
	height: 9px;
	background-color: Transparent;
	margin: 0px;
	padding: 0px;
}
[/red]

Felet är att den vid den fetmarkerade sektionen så blir det ett alldeles för långt mellanrum i NS, Bild vilket det inte blir i IE (har bara kollat i dessa två läsare än)

Kan nån vänlig skäl hjälpa mig med detta.

mvh icaaq

mysko om jag lägger denna kod direkt i body taggen så funkar det som det ska...men inte om jag lägger den i en div.

divven som den tabellen ligger i ser ut så här

[red]
<div id="loggin" class="loggin">
koden som är ovan
</div>
[/red]

och css till diven

[red]
DIV.loggin
{
	position: absolute;
	top: 100px;
	left: 9px;
	margin: 0px;
}
[/red]

kan jag ändra något i den så att det funkar?

mvh icaaq

[Borttaget ]
Missuppfattade frågan - sorry!

Sätt width & height på bilden och ta bort allt vad stylesheets heter för just den kolumnen, då borde det fungera.

Efter lång felsökning så fann jag att det var min xhtml-strict DTD som var boven :( Om jag bytte ut den mot en trans. så såg sidan bra ut även i NS :OO

Så nu måste jag få veta VARFÖR???

Hur skulle det se ut i strict för att det skulle se likadant ut??

mvh icaaq

Följande kanske kan vara intressant läsning:

http://www.hut.fi/~hsivonen/doctype.html

:)