Problema CSS con Internet Explorer 6

[wtpa]

Salve,

con un sito a cui sto lavorando di recente mi si viene a presentare il seguente problema solo e soltanto su IE6, con tutto il resto non riscontro nessuna anomalia visiva.



Come potete vedere dalla foto al link precedente il BOX di LOGIN su IE6 si espande misteriosamente e non stando più nelle dimensioni dell'header va di sotto.

Attaco qua il mio codice HTML:

<div id="header">

<div id="logo">[img]<?php bloginfo('template_directory'); ?>/i/logo.png[/img]</div>
<div id="banner468">[img]<?php bloginfo('template_directory'); ?>/i/banner_468x60.jpg[/img]</div>
<div id="top-login-form">
<table cellspacing="0" cellpadding="3">
<?php
 global $user_ID, $user_identity;
 get_currentuserinfo();
 if (!$user_ID):
?>
<form action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method="post">

  <tr>
    <td id=top-login-form-1>username</td>
    <td id=top-login-form-2><input type="text" name="log" id="top-login-right-2"></td>
  </tr>
  <tr>
    <td id=top-login-form-1>password</td>
    <td id=top-login-form-2><input type="password" name="pwd" id="top-login-right-2"></td>
  </tr>

  <tr>
    <td id=top-login-form-1>ricordami password</td>
    <td id=top-login-form-3><input type="submit" name="submit" id="button" value="accedi"><input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/></td>
  </tr>
</form>
<?php
 else:
?>
  <tr>
    <td id=top-login-form-1><?php echo get_avatar( $user_ID, $size = '60', $default = '<path_to_url>' ); ?></td>
    <td id=top-login-form-2><?php echo $user_identity; ?>
Modifica il tuo profilo</td>
  </tr>
  <tr>
    <td id=top-login-form-1>Esci dal sito</td>
  </tr>
<?php
 endif;
?>
</table>
</div>
<div class="clear"></div>

                                <ul class="menu red">
                                        [/list]

        </div>

Qui invece c'è il CSS:

/************************************************
*    Header                                      *
************************************************/
#header {
	margin: 0 auto;
	width: 950px;
}

#logo {
    float: left;
    width: 250px;
}
#banner468 {
    float: left;
    margin: 0 0 0px 0;
}

#top-login-form { float: right; height: 90px; width: 232px; background-color: #000000; }
#top-login-form-1 { font-size: 11px; color: #fff; padding-left: 10px; padding-right: 10px; }
#top-login-form-1 A { color: #fff; }
#top-login-form-2 { padding-right: 10px; }
#top-login-form-3 { padding-right: 10px; text-align: right; padding-top: 5px; }
#top-login-form-3 A { font-size: 11px; color: #fff; }

Se qualcuno è in grado di aiutarmi !
Grazie anticipatamente

[wtpa]

nessuno in grado di aiutarmi ?

Grazie

[fcaldera]

posta un link alla pagina

[Mich_]

Manca il codice HTML e manca la DTD, per cui non e` possibile rispondere in modo completo.

Comunque da quello che si vede posso darti alcune indicazioni che forse ti possono essere utili:
- hai usato tabelle per la formattazione: sono da evitare
- hai mescolato formattazione HTML con formattazione CSS: questo crea dei conflitti, che browser diversi risolvono in modo diverso
- hai usato padding, che viene interpretato da IE in modo diverso dagli altri browser
- hai usato le maiuscole nei selettori di tag (nel CSS): alcuni browser non le accettano.

Comunque validare le pagine sia per la marcatura che per il CSS: se il codice e` valido, e` piu` faicle sistemare in modo cross-browser.