Header widgets out of place in IE

lakewooditsupport · #1 Jun 20, 2011, 11:40 AM

I finally managed to get to get a java link to overlay the header image area, by creating two header widgets. It works and appears perfectly in all browsers bar internet explorer 9. It is out of place to the right by 90px. I have tried changing settings with the widgets but cant seem to get anywhere?

Here is the code for the widgets

PHP Code:


			
<?php bfa_widget_area('name=contact &cells=4&align3&align<div id="contact" class="header-widget %2$s">&after_widget=</div>'); ?>

<?php bfa_widget_area('name=Header &cells=4&align3&align<div id="livechat" class="header-widget %2$s">&after_widget=</div>'); ?>

and the CSS inserts are:

Code:

td#header__4 div.widget {
	z-index: 4;
	position: absolute;
	float: right;
	width: auto;
	margin-top: 20px;
	margin-left: 90px;
	}
td#contact__4 div.widget {
	z-index: 4;
	position: absolute;
	float: right;
	width: auto;
	margin-top: 20px;
	margin-left: -80px;
        margin-right: 50px;
	}

I have a feeling its something to do with the width of the widgets?