Inline CSS added to head not applying on IE9

eg,

#hikashop_category_information_menu_567 div.hikashop_category,#hikashop_category_information_menu_567 div.hikashop_product{
	float:left;
	width:100%;
}

Are you sure that this property have an effect on firefox or chrome ?
If it has no effect, try to set a specific css property in your ie css file.

Yep, absolutely... I've really not seen anything like this before.

If I copy the exact rules into an external stylesheet, they apply on IE. If I leave them in the head, they are ignored. Don't show up in development tools either, so not an inheritance issue.

I think that's because your template is overriding our css properties.

It is now, because the ones in the head were not applying.

I have removed the ones in the external files, please look now.

domain.i.sent.you/component/hikashop/cat...ines.html?Itemid=567

in IE and Chrome.

Line:100 of the page has inline CSS. They are applied in chrome but not in IE.

#hikashop_category_information_module_201 div.hikashop_category,#hikashop_category_information_module_201 div.hikashop_product{
	float:left;
	width:100%;
}

I had to revert the page this morning but will PM you a copy

Yeah it doesn't make sense to me either.

Please see difference between the two sites I have PM'd to you.

* both display the same in chrome, differently in IE.
* the only difference is one site has the hikashop styles in the head duplicated in an external file

as you can see, IE9 is not seeing the styles in the head (though they are clearly in the source)

Styles only in head:-

Were you able to see the same behaviour I am reporting on my site using Internet Explorer?

I PMd you two comparison URLs. The only thing changed is the duplication of the inline rules in an external file.

I am stumped myself. Any ideas?