Hi All,

I have a search element on my page positioned with:

#search {
position: absolute;
top: 0;
right: 0;
width: 150px;
height: 95px;
}

This works fine, but I wish to stop this search overlapping other head elements when the browser window is very small. I have fixed this for Firefox using min-width: on another element, but as IE does not (yet) understand this I need some way of limiting the position/margin on the left hand side.

I have looked at IE expressions such as

html, body {
/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth < 795 ? "795px" : "100%" );
}

however this does not work. Can anyone think of a way around this?

Thanks for any advice,

Regards,

Martin