Trying To Sandwich A Header In Between Two Gradients

[Crash Override]

I actually think I figured this out while my account was being validated, but I'm not 100% sure I did it right. It looks totally messed up inside Dreamweaver, but perfectly fine in my browsers. It's resizing correctly and working like it should, but the Dreamweaver thing is making me feel a little uneasy. I don't want this to fall apart. Anyway, I made a beautiful MS Paint illustration of what I'm going for. My placeholder version currently looks like this, which is great since it works. The code is down below. Styles

html, body {padding:0px;margin:0px;}#wrapper {height:100px;overflow:hidden;}#left {background:#abc;height:100px;width:50%;float:left;}#middle {background:#bca;width:1000px;height:100px;position:relative;left:50%;right:50%;margin-left:-500px;margin-right:500px;}#right {background:#cab;height:100px;width:50%;float:right;}

HTML

<div id="wrapper"><div id="left"></div><div id="right"></div><div id="middle"></div></div>

Would you guys do anything differently?

[Ingolme]

Ignore dreamweaver. It can't be trusted, it always represents your pages wrong.