Div tags problems and CSS

Greetings all,

I have been playing all day today trying to figure out this problem of mine with no luck.

Essentially i would like to horisontaly allign 3 div tags one after another.

Here is why:

I have an activeX control that i write to the page using document.write method. I place that in an div tag. I would like to create essentially 4 other div tags that will sorround the activeX control pretty much like borders. I would like to do that because on the div tag i can put on click method to know what edge of the image of the activeX has been clicked. Is that possible to do?

Any advise?

Pretty much would look like this:
________
| activeX |
----------

the lines east represent a div tag.

Any help on this?

Cheers
Dan

Applying floats can do the trick, say

div.wrap div{
border:1px solid #000;
float:left;
width:33%;
}
<div class"wrap">
<div>A</div>
<div>B</div>
<div>C</div>
</div>
To get more help, we want to see your code, or link would be more useful.

Here is some of the code i have:


<div id="activeX-panel">
<div id="activeX-body" class="bd">
<script type="text/javascript">
//<![CDATA[
writeActiveXObject();
//]]>
</script>
</div>
</div>




#activeX-panel .bd {
/*overflow: auto;*/
background-color: #fff;
padding: 0;
float:left;
}

The active x that i write above is just document.write(<object></object>)

This activeX is the one that i would like to be wrapped.

The image that i have attached shows pretty much what i would like to achieve. All of the different colours represent the divs that i would like to wrap around the activeX. One thing about the activeX is that it will be resized constantly so i cant use absolute positions.

Any help on that?

Much apreciated.

Cheers
Dan