I can't get this Breadcrumb DIV to do what I want it to.

[wildvettes]

OK so all I'm trying to do is get the Shortcuts to mirror the breadcrumb on the other side of the page. This is the mess I have for coding which functions but they do not line up properly from side to side. I can get the stupid thing to work without any borders or background image by using blank Divs, but I want it to inherit from the theme and that is where I'm failing here. I've had to manually adjust alignment and I know that is not the right way to do it.

 

What am I doing wrong here? Thank you in advance. Everything looked the same on all browsers, and then IE9 and FF 4.0 came out and everything went to hell.

 

 <div class="grid_24 ui-widget infoBoxContainer">
 <div class="ui-widget-header infoBoxHeading">

<div style="width:62%;">
<?php echo '  ' . $breadcrumb->trail(' » '); ?>
</div>


<div style="width:38%;float:right;text-align:right;padding-right:10px;margin-top:-17px;">

<?php 
 echo '<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_SHOPPING_CART) . '" alt="" >' .($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '') . HEADER_TITLE_CART_CONTENTS . '</a>'. ' '.'»'.' '.
        '<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" alt="" >' . HEADER_TITLE_CHECKOUT . '</a>' .' '.'»'.' '.
        '<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '" alt="" >' . HEADER_TITLE_MY_ACCOUNT . '</a>';

 if (tep_session_is_registered('customer_id')) {
   echo  ' '.'»'.' '.'<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . '" alt="" >' . HEADER_TITLE_LOGOFF . '</a>';
 }
?></div>
  </div>
</div>

[wildvettes]

Anyone?