IE Hover and Textbox Width Issue

[brat42]

Hi there,

I have two issues with IE only.

Firstly, in Firefox, the Contact Us page, specifically the "Details" box width is right in Firefox but it is the same width for the full name, email address and phone number etc in IE. Which file and what line do I need to change as I've tried everything! LINK REMOVED BY USER

Secondly, on the Cart page, (please add something to the cart/basket), click "Calculate Shipping", there is a "Cancel" button. When you hover your mouse over it, the text moves but only in IE? I got to the root of the CSS but when I changed the margins for hover, the "Calculate Shipping" hover bit moved instead?!

Thank you very much for any help.

PS, please don't quote my URL.

[SB65]

The Contact page is fine in IE8 - but in IE7 the width on that textbox is being set by ie_styles.css at 204px -

#contact_question {
    background-color: #DDFEAC;
    border: 2px solid #9FCD5A;
    color: #558219;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
	width:204px !important;
}

Your problem on hover, which happens in both IE7 and IE8, is, I think, coming from this in ie_left_style.css.:

.calculate_shipping a:hover
{
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	color:#0F8042;
	float:left;
	padding: 0 0 4px 140px;
	margin:7px 0 5px;
	display:block;
	font-size: 14px;
}