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:

codice:
<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:
codice:
/************************************************
*    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