[UnrealEd]

Hi,
i recently started working with xml and css, and i found out that IE does not support the display:table option in css. Is there a way to work around this problem? without using html.

Here's the code i'm using at the moment. This is jsut an example of O'Reilly, the book i'm using to learn xml and css:
The xml page:

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="example.css"?>
<dish>
	<ingredients>
		<ingredient>
			<quantity>1.5 teaspoon</quantity>
			<component>Flower</component>
		</ingredient>
		<ingredient>
			<quantity>2</quantity>
			<component>Eggs</component>
		</ingredient>
		<ingredient>
			<quantity>100g</quantity>
			<component>Sugar</component>
		</ingredient>
		<ingredient>
			<quantity>100g</quantity>
			<component>Butter</component>
		</ingredient>
	</ingredients>
	
	<recepy>
		<step>Mix the flower and eggs all together</step>
		<step>Melt the butter</step>
		<step>Mix the butter and the mixture of flower and eggs all together</step>
	</recepy>
</dish>

The css page:

Code:

dish{ font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
ingredients{ display: table;
			background-color:#CCFFCC;
			border-style:solid;
			border-color:#FF0000;
			border-width:1;
			margin-left:10pt;
			margin-top:20pt
}
ingredient{ display: table-row;
}
quantity, component{ display:table-cell;
			border-style:dashed;
			border-width:thin;
			border-color:#0099FF}

recepy{ display:block;
		margin-top:12pt;
		margin-left:10pt}
step{ display:list-item;
		list-style-type:none;
			list-style-position:inside;
			counter-increment: step;}
step:before{ content:counter(step)". ";}

This might look a little bit messy, but that's just because i've been messing around with this script, just to see what all the possibilities are.

Greetz and Thanx in advance,
UnrealEd