I've been developing a webpage and I've come across the well-documented issue with IE9 - my div tags will not overlap and no matter what I do I cannot get the corners to round.I've been trawling this site for the answers - I've tried the following:
ensuring my doctype is set to \[code\]<! DOCTYPE html>\[/code\]
using the border-radius function
assigning z-indexes to my divs
using absolute / relative positioning
These answers are not getting me anywhere and I'm assuming I've made a mistaeke somewhere, but I have no idea where! Can anyone help me please? Is there another issue I'm unaware of?Here's the relevant bits of my code and a link to the webpage (works fine in Chrome) :CSS\[code\]div#top_bar{ height: 90px; border-bottom: 1px solid #bbb; /*background styling*/ position: relative; top: 1px; left: 1px;}div#header{ height: 300px; /*background styling*/ border-top: 1px white solid; border-bottom: 1px solid #555; position: relative; z-index: 10;}div#form1{ width: 290px; height: 350px; float: left; margin-left: 70px; margin-top: 15px; background-color: #f7f7f7; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; text-align: center; border: 2px #727272 solid; position: absolute; z-index: 30;}div#main{ background styling height: 785px; width: 100%; border-top: #BBB 5px solid; position: relative; z-index: 10;}\[/code\]HTML (cut back to bare bones, for full source check out the page www.counsellingnorthampton.com)\[code\]<html xmlns="http://www.w3.org/1999/xhtml"><!DOCTYPE html><head> <title></title> <link href="http://stackoverflow.com/questions/14068272/css/style.css" rel="stylesheet" type="text/css" /> </head> <body><div id="top_bar"> **BLURB**</div><!--top_bar--><div id="header"><div id="form1" ><!--**contact form that needs to overlap into div "main" & needs all rounded corners--> <div id="formLabel">Ask a Counselling question...</div> <table id="form1"> **CONTACT FORM TABLE** </table></div><!--form1--><div id="sharebar"><!--**Needs ll & lr rounded corners**--> <div align=center> CONNECT WITH US<br /> **SOCIAL ICONS** </div></div><!--sharebar--><div id="headerText"> Feel empowered again with Counselling <br /> from Kismet-Hypno. <hr style="color: #fff; border: 1px solid white;"/> <span style="color: #555; font-size: 14px; font-weight: normal; font-style: italic;"> <br />Providers of quality Counselling services in Northampton since 2009.</span> </div><!--headerText--></div><!--header--><div id="main"><div id="contact"> <div id="contactText" align="center" style="text-align: justify"> **CONTACT DETAILS** </div><!--contactText--></div><!--contact-->\[/code\]Thank you again for your responses. I don't know what I would do without this site!
