Problema CSS con Internet Explorer 6

[enricoeur]

Problema CSS con Internet Explorer 6

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.

fastourist.com/header.JPG

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"><a href="/"><img src="<?php bloginfo('template_directory'); ?>/i/logo.png" alt="" height="90" width="250"></a></div>
<div id="banner468"><img src="<?php bloginfo('template_directory'); ?>/i/banner_468x60.jpg" width="468" height="80" /></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><b>username</b></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><b>password</b></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><a href="" rel="nofollow">ricordami password</a></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; ?><br /><a href="/wp-admin/profile.php">Modifica il tuo profilo</a></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">
                                        <!-- CSS Tabs -->
                                </ul>

        </div>

<!-- end header -->

```Qui invece c'è il CSS:

/************************************************

• Header *
  ************************************************/

#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; }
-1 { font-size: 11px; color: #fff; padding-left: 10px; padding-right: 10px; }
-1 A { color:; }
-2 { padding-right: 10px; }
-3 { padding-right: 10px; text-align: right; padding-top: 5px; }
-3 A { font-size: 11px; color:; }

Enrico

[pgmedia]

Prova a mettere float left anche al div che contiene la form, teoricamente te lo accosta alla destra del banner... se poi lo vuoi spaziare gli associ un margin-left e il gioco è fatto!