DIV layers Positioning Help

[salimawad]

Hi,

I need some help on positioning 2 DIV’s in a way that they will look like the following Image (can be checked from the Following Link on Box.NET http://www.box.net/shared/8o7v0jit57kkj2uq9bpe)

Bellow is the HTML Code and CSS:

/*#Styles#*/

.ContentContainer{

float:left;

}



.searchbox

{

position: absolute;

right: 10%;

width:223px;

height:32px;

background: url('Images/searchBG.png');

background-repeat:no-repeat;

}



.PageContent{

margin-top:7px;

margin-left:8px;

width:772px;

flaot:left;

}



.TopTrainingWorkshops

{

width:772px;

height:253px;

background-image:url('Images/TWBG.png');

background-repeat:no-repeat;

background-position:left top;

}

The problem is that the Search Box when i re-size the Browser (Change the Width),
Can you please help to make it the same as the design and stay the same even when resizing.

Thanks in Advance,

[salimawad]

Hi Thanks for your reply,

I Modified my CSS and HTML to the Following and it worked.

/*#Styles#*/

.ContentContainer{

float:left;

width:780px;

}



.searchbox

{

position: absolute;

width:780px;

}



.searchBox{

float:right;

width:223px;

height:32px;

background: url(../App_Themes/ESCWASite/Images/searchBG.png);

background-repeat:no-repeat;

}

[Author]

Posts