css: limit HTML element's max width/height (compatible with IE6)

gistfile1.html

<style> selector{ max-width:100px; } </style>
<!--[if IE 6]>
<style> 
selector{ _width:expression(this.width>100?(function(dom){dom.style.width='100px';})(this):'auto');} </style>
<![endif]-->

<!-- NOTICE: target element must NOT set width or height attribute, or this doesn't work -->

<!-- I made a Sublime Text snippet, maybe can also use in TextMate -->

<snippet>
	<content><![CDATA[
<style> ${1:selector}{ max-width:${2:maxwidth}px; } </style>
<!--[if IE 6]>
<style> ${1}{ _width:expression(this.width>${2}?(function(dom){dom.style.width='${2}px';})(this):'auto'); } </style>
<![endif]-->
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>maxwidth</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
</snippet>