I'm working with some html and css in an .aspx page along these lines:
<div style="width:500px; display:table; border-spacing: 4px;"><div style="width:100%; display:table-row; height:24px;"><div id="cell1" style="width:50px; display:table-cell; background-color: #ffc0cb;">fdgdf</div><div id="cell2" style="width:400px; display:table-cell; background-color: #cd853f">fdgdfg</div></div></div>
and this markup doesn't display according to what the CSS is doing. It displays correctly in a browser - Chrome & IE - but not in the VS designer. In the designer cell1 and cell2 stack vertically but the CSS dictates side-by-side (or should).
Can someone explain this? Offer solution?
I'd like it to look right in the designer so those who come behind me don't go WTF?????