Hello guys,
I have a nested div within a popup div. But have a few issues with it.

1. The sub div inherits the properties of the parent, which I don't want.

2. The 3 layer divs do not align properly. See image

3divs.png

3. Also when I restore the window size, its all out of order.

The 1st and container divs with the blue and red curved top borders are inherited from the parent div, which is wrong

Here is my code
Please advise

many thanks

Ehi


Code:
body {
	margin: 0;
	padding: 0;
}
.container_Navigation {
    border: medium solid #FF6600;
    min-width: 500px;
    background-color: #000000;
}

.HomePage_Navigation_GetStarted_left {
    border-style: solid;
    border-color: #003399;
    float: left;
    width: 30%;
    border:none;
}

.HomePage_Navigation_GetStarted_right {
    padding: 0px;
    border-style: dotted;
    border-color: #00CC00;
    float: right;
    width: 30%;
    top: 0px;
    clip: rect(0px, auto, auto, auto);
    vertical-align: top;
}

.HomePage_Navigation_GetStarted_center {
    border-style: outset;
    border-color: #993300;
    margin-right: 33%;
    margin-left: 32%;
}