Header widget moves in IE 6 & 7

[Evenrude]

Been subscribed to the RSS feed for this for awhile, great content! Just signed up for the forum.

I am using the thematic framework for WordPress and a custom child theme. I have added a widget to my header using the following code:

// This will create your widget area

function my_widgets_init() {

register_sidebar(array(

'name' => 'Header Aside',

'id' => 'header-aside',

'before_widget' => '
',

'after_widget' => "",

'before_title' => "
",

'after_title' => "
n",

));



}

add_action( 'init', 'my_widgets_init' );



// adding the widget area to your child theme

function my_header_widgets() {

if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) {

echo '
'. "n" . '
' . "n";

dynamic_sidebar('header-aside');

echo '' . "n" . '
'. "n";

}

}

add_action('thematic_header', 'my_header_widgets', 2);



?>

I am just using it to put a link to a shopping cart via a simple text widget (for now)

I am using the following style:

#header-aside {

float: right;

padding-top: 26px;

padding-right: 3px;

font-weight: bold;

}

This all works fine in IE 8 or above and most any other browser… but when tested on IE 6 or 7 the “my cart” link moves up above the header.

Link to the site: http://kcastudio.com/about/

Thanks in advance for any help or suggestions.

[Author]

Posts