Valign=middle without tables, IE6+ compatible

gistfile1.css

/* @group valignfix */
/* ***************************************
valignfix, by Anders Ytterström @ madr.se
**************************************** */
	/*
	HTML fixture:
	.valign
	  %div
	    %div
	      %h1
	      %h2
	 %img
	*/

	/* @group ie8, ff, opera, safari 
	===================================== */
	body > div {
		display:table;
	}
	*.valign {
		display:table-row;
	}
		*.valign > * {
			width:50%;
			display:table-cell;
			vertical-align:middle;
		}
	/* @end ie8, ff, opera, safari 
	===================================== */

	/* @group ie6,ie7
	===================================== */
	/* 
	use this in CC file. 
	Works only in standards mode. 
	*/
	* html *.valign,
	*+html *.valign {
		position:relative;
		overflow:auto;
	}
		* html *.valign div,
		*+html *.valign div {
			position:absolute;
			top:50%;
		}
			* html *.valign div div,
			*+html *.valign div div {
				position:relative;
				top:-50%;
			}
				* html *.valign div div *,
				*+html *.valign div div * {
					position:static;
					top:0;
				}
		* html *.valign img,
		*+html *.valign img {
			float:right;
		}
	/* @end ie6, ie7
	===================================== */
/* ****************************************
/valignfix, by Anders Ytterström @ madr.se
**************************************** */
/* @end valignfix */