My site is fine in other browsers, but in IE, my "main-box" area overlaps my the other content. I think its a div error, but I've tried chaning things and cannot make it work.
border: 1px solid #050DAE;
<img src="images/iamdesign.png" width="213" height="32" alt="iamdesign" /></div>
<h1>Hi, Iím Vicki A. Morawietz & I AM a Visual Designer, Art Director, GUI, & UI designer, <span class="ninja">photoshop</span> <span class="ninja">ninja, </span>& <span class="guru">illustrator</span> <span class="guru">guru</span>.</h1>
<li>Success in web design, user interface, and print for fortune 500 companies <br />
<li>Creative skills that exceed design trends and drive sales<br />
<li>Adaptive and comfortable in small scale or executive corporations<br />
<li>Ambitious with excellent leadership skills</li>
<p class="space">I have excellent attention to detail, am well organized, efficient, and able to communicate creative ideas from concept to delivery. I enjoy challenges, have owned and operated my own graphic design business, built a creative services department from the ground up, as well as managed a team of graphic designers. I always strive to move forward in design and in life.<a href="contact.html"> Contact me.</a><br />
<p> <a href="VMorawietz.pdf" class="download">Download Resume</a></p>
I've tried to change the z-index of #container to -1 and when I do, the background image goes to the background but then I loose all the info that is in the #main-box, when I change that z-index for #main-box, nothing changes.
Let me know if you need the full css. I'm at a loss here.