In my site, I have two divs - right and left. Both are contained within a wrapper div. Here is my code:\[code\]#wrapper{ width:1000px; height:750px; margin:auto;}#left{ width:500px; height:750px; float:left; position:relative;}#right{ width:500px; height:750px; float:right; position:relative;}\[/code\]In Chrome, no problem.In Firefox, no problem.In Safari, no problem.In Opera, no problemIn IE, the #right div is in the same location horizontally, but vertically it's below the #left div.I've tried a few different techniques to remedy this. Setting the wrapper line height to 0, setting the right display to inline, reducing the size of the right and left divs (I thought maybe there was a margin/padding issue). I've run out of ideas now, can anybody offer any help of the issue?In All Browsers (except IE):
In IE:
