La cabecera de mi web se ve mal en el iExplorer

La cabecera de mi página tiene 3 botones (shortcuts) que se superponen en el IExplorer.
Probé poner lo siguiente en el header del index:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
pero los errores de desplazamiento fueron mayores que el que tenía, asique termine sacándolo.

Alguien me podría ayudar y decir como logro que no se me superpongan los 3 botones que tengo en la cabecera.
Mi web es:
http://personalvintage.com.ar/catalog/

Saludoss
Bueno compadre un poco de orden en el código fuente no estaría de más.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="LTR" lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Personal Vintage</title>

<base href="http://personalvintage.com.ar/catalog/" />


<script type="text/javascript" src="ext/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="ext/jquery/ui/jquery-ui-1.8.6.min.js"></script>
<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>
<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>


<link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.8.6.css" />
<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" type="text/css" href="ext/960gs/960_24_col.css" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" />

</head>
<body>

<div id="bodyWrapper" class="container_24">

<div id="header" class="grid_24">
<!-- <div id="storeLogo"><a href="http://personalvintage.com.ar/catalog/index.php"><img src="images/store_logo.png" alt="Personal Vintage" title=" Personal Vintage " width="421" height="130" /></a></div>
-->

<P><div style="float:left"><font face="Edwardian Script ITC" size="7"><span style="font-size:48pt;line-height:52px;"><b>Personal&nbsp; Vintage&nbsp;</b> </span></font></div></P>


<div id="headerShortcuts">
<span class="tdbLink">

<a id="tdb1" href="http://personalvintage.com.ar/catalog/shopping_cart.php">Ver carrito</a></span>

<script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-cart"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>


<span class="tdbLink">

<a id="tdb2" href="http://personalvintage.com.ar/catalog/checkout_shipping.php">Realizar pedido</a></span>

<script type="text/javascript">$("#tdb2").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script><span class="tdbLink">

<a id="tdb3" href="http://personalvintage.com.ar/catalog/account.php">Mi cuenta</a></span>

<script type="text/javascript">$("#tdb3").button({icons:{primary:"ui-icon-person"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script>

</div>




<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>

<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading">&nbsp;&nbsp;<a href="http://personalvintage.com.ar" class="headerNavigation">Inicio</a> &raquo; <a href="http://personalvintage.com.ar/catalog/index.php" class="headerNavigation">Catalogo</a></div>
</div>


<div id="bodyContent" class="grid_16 push_4">

<h1>Bienvenido a Personal Vintage</h1>

<div class="contentContainer">
<div class="contentText">
Bienvenido <span class="greetUser">Invitado!</span> ¿Le gustaria <a href="http://personalvintage.com.ar/catalog/login.php"><u>entrar en su cuenta</u></a> o preferiria <a href="http://personalvintage.com.ar/catalog/create_account.php"><u>crear una cuenta nueva</u></a>? </div>


<h2>Nuevos productos en marzo</h2>

<div class="contentText">
<table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=10"><img src="images/DSC03969.jpg" alt="Blusa negra con encaje y rosas negras" title=" Blusa negra con encaje y rosas negras " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=10">Blusa negra con encaje y rosas negras</a><br />$45,00</td><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=9"><img src="images/DSC03967.jpg" alt="Blusa blanca de gasa con volado" title=" Blusa blanca de gasa con volado " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=9">Blusa blanca de gasa con volado</a><br />$35,00</td><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=8"><img src="images/DSC03899.JPG" alt="Chal rectangular con flecos tejido en colores terracota y natura" title=" Chal rectangular con flecos tejido en colores terracota y natura " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=8">Chal rectangular con flecos tejido en colores terracota y natura</a><br />$30,00</td></tr><tr><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=7"><img src="images/DSC03890.JPG" alt="Carterita & Monedero rojo y dorado" title=" Carterita & Monedero rojo y dorado " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=7">Carterita & Monedero rojo y dorado</a><br />$30,00</td><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=6"><img src="images/DSC03891.JPG" alt="Carterita/Mochila en género de tapicería rojo" title=" Carterita/Mochila en género de tapicería rojo " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=6">Carterita/Mochila en género de tapicería rojo</a><br />$30,00</td><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=5"><img src="images/DSC03887.JPG" alt="Carterita de canutillos blanca y celeste" title=" Carterita de canutillos blanca y celeste " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=5">Carterita de canutillos blanca y celeste</a><br />$30,00</td></tr><tr><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=4"><img src="images/DSC03886.JPG" alt="Carterita de piel verde con cuero" title=" Carterita de piel verde con cuero " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=4">Carterita de piel verde con cuero</a><br />$30,00</td><td width="33%" align="center" valign="top"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=3"><img src="images/DSC03970.JPG" alt="Camisa blanca manga corta con faja negra en la espalda" title=" Camisa blanca manga corta con faja negra en la espalda " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=3">Camisa blanca manga corta con faja negra en la espalda</a><br />$85,00</td></tr></table> </div>


</div>


</div> <!-- bodyContent //-->


<div id="columnLeft" class="grid_4 pull_16">
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Categorias</div> <div class="ui-widget-content infoBoxContents"><a href="http://personalvintage.com.ar/catalog/index.php?cPath=3">Accesorios</a>&nbsp;(5)<br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=4">Camisas, blusas y remeras</a>&nbsp;(3)<br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=5">Cardigan, sweaters</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=6">Pantalones, polleras</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=7">Sacos, tapados</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=8">Vestidos</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=9">Zapatos, zapatillas</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=10">Niños</a><br /><a href="http://personalvintage.com.ar/catalog/index.php?cPath=11">Hombres</a><br /></div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Marcas</div> <div class="ui-widget-content infoBoxContents"><form name="manufacturers" action="http://personalvintage.com.ar/catalog/index.php" method="get"><select name="manufacturers_id" onchange="this.form.submit();" size="1" style="width: 100%"><option value="" selected="selected">Seleccione</option><option value="1">Dolce & Gabbana</option><option value="2">Paula y Agustin..</option><option value="4">Sandro Ferrone</option></select></form></div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Busqueda rapida</div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"> <form name="quick_find" action="http://personalvintage.com.ar/catalog/advanced_search_result.php" method="get"> <input type="text" name="keywords" size="10" maxlength="30" style="width: 75%" />&nbsp;<input type="hidden" name="search_in_description" value="1" /><input type="image" src="includes/languages/espanol/images/buttons/button_quick_find.gif" alt="Busqueda rapida" title=" Busqueda rapida " /><br />Use palabras clave para encontrar el producto que esta buscando.<br /><a href="http://personalvintage.com.ar/catalog/advanced_search.php"><strong>Busqueda avanzada</strong></a> </form> </div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://personalvintage.com.ar/catalog/products_new.php">Novedades</a></div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=4"><img src="images/DSC03886.JPG" alt="Carterita de piel verde con cuero" title=" Carterita de piel verde con cuero " width="100" height="80" /></a><br /><a href="http://personalvintage.com.ar/catalog/product_info.php?products_id=4">Carterita de piel verde con cuero</a><br />$30,00</div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Informacion</div> <div class="ui-widget-content infoBoxContents"> <a href="http://personalvintage.com.ar/catalog/shipping.php">Condiciones de envio y devoluciones</a><br /> <a href="http://personalvintage.com.ar/catalog/privacy.php">Confidencialidad</a><br /> <a href="http://personalvintage.com.ar/catalog/conditions.php">Condiciones de uso</a><br /> <a href="http://personalvintage.com.ar/catalog/contact_us.php">Contactenos</a> </div></div></div>


<div id="columnRight" class="grid_4">
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://personalvintage.com.ar/catalog/shopping_cart.php">Carrito</a></div> <div class="ui-widget-content infoBoxContents">No hay productos</div></div></div>



<div class="grid_24 footer">
<p align="center">Copyright &copy; 2011 <a href="http://personalvintage.com.ar/catalog/index.php">Personal Vintage</a><br>Powered by <a href="http://www.oscommerce.com" target="_blank">osCommerce</a></p>
</div>


<script type="text/javascript">
$('.productListTable tr:nth-child(even)').addClass('alt');
</script>

</div> <!-- bodyWrapper //-->


</body>
</html>
Bueno a groso modo y visto el cacao que tienes, te diré que con un margin se solventa el problema.
????????????????
oooraaale
tantas hojas de estilo, para una página tan sencilla????
lo unico que le veo de complicado (porque desconosco como funciona) es el carrito de compras
de ahi en fuera, está muy sencilla como para necesitar tanta hoja de estilo....

donde tocar, donde mover??? no lo se afortunadmente tengo una aplicacion en opera que me es de mucha utilidad
aqui tenias margin-left :0px
y yo le puse 10 ve ajustandolo hasta que quedes conforme,
está en esta hoja de estilos: jquery-ui-1.8.6.css


.ui-buttonset .ui-button {
margin-left: 10px;
margin-right: -0.3em;

saludos y no olvides votar por cctw
Gracias Yaneth, sos lo mas!!
Lo solucioné poniendo el margin-right en 0.
Tenés idea que hay que poner para que se vea bien en el Netscape? Ahí los botones se ven verticales y no en línea horizontal como los demás Navegadores.

Saludos, Cecilia.
http://personalvintage.com.ar/catalog/

donde y que hay q votar?
mmm, no tengo nescape, muestrame una captura de como se ve ahi

cctw está en un concurso, para la mejor pagina web de la red
da clik en el enlace que está en mi firma,
y te sale un boton que dice votar, te saldrá otro para confirmar y listo
un voto diario hace la diferencia

saludos
Te paso la partecita de mi web donde se ve mal los 3 shortcuts de la cabecera. Esto ocurre nada mas que en Netscape, en los demás se ve bien (espero )