(function($){
$.fn.cornerize = function(options) {
	var w = this.outerWidth();
	var bh = parseInt(this.css('borderLeftWidth'));
	var bv = parseInt(this.css('borderTopWidth'));
	
	var common_css = {
		position: 'absolute',
		overflow: 'hidden',
		zIndex: 10,
		backgroundRepeat: 'no-repeat'
	}
	
	var classes = {
		tl: {
				top: -bv,
				left: -bh,
				backgroundPosition: 'left top'
			  },
		tr: {
				top: -bv,
				right: -bh,
				backgroundPosition: 'right top'
			  },
		br: {
				bottom: -bv,
				right: -bh,
				backgroundPosition: 'bottom right'
			  },
		bl: {
				bottom: -bv,
				left: -bh,
				backgroundPosition: 'bottom left'
			  }				  
		};
	
	if ($.browser.msie && $.browser.version < 7) {
		classes.br.bottom = classes.br.bottom - 1;
		classes.bl.bottom = classes.bl.bottom - 1;
		
		classes.br.backgroundPositionY = -options.height;
		classes.bl.backgroundPositionY = -options.height;
	}
	

	this.each(function(iter, block){
		for (c in classes) {
			var corner = $(document.createElement('span'))
				.addClass('corner')
				.css(classes[c])
				.css(common_css)
				.css(options)
				.addClass(c)
				.appendTo(block)
		}
		
	})
}

})(jQuery);