simulare finestra con css

[pietro09]

Ho la necessità di costruire una finestra trascinabile, non con tabelle, ma con gli stili.
Tralasciando il codice javascript ho fatto questo:
(l'ultimo div da 500px è per simulare qualcosa di più grande della finestra)

<div class="box" id="boxDiv" style="width:300px;left:50px;top:200px;overflow: hidden" >
	<div class="bar" >
		<div style="float:left;">Intestazione</div>
		<div style="text-align: right;  ">
			[img]close.gif[/img]
		</div>
	</div>
	<div class="content" >
		prova prova prova prova prova prova 
		prova prova prova prova prova prova 
		prova prova prova prova prova prova 
		<div style="width:500px; height:100px">*</div>
	</div>
</div>

che non mi soddisfa

con IE7 ottengo questo:


mentre con Opera e Firefox ottengo questo:


mi potreste dare una mano ad aggiustare lo stile?

[Sgro]

Puoi fare tutto in maniera estremamente più semplice con un solo div:

<div id="box">
        <h1>Intestazione[img]Immagini/test.jpg[/img]</h1>
        

Test test test Test test test Test test
        test Test test test Test test test Test test
        test Test test test Test test test
        Test test test Test test test</p>
    </div>


#box
    {
        border : 1px solid cyan;
        width : 300px;
        font-size : 100.01%;
        font-family : Verdana;
    }
    
    h1
    {
        background-color : cyan;
        position : relative;
        margin : 0;
        font-size : 1.2em;
    }
    
    img
    {
        border : none;
        height : 20px;
        width : 20px;
        position : absolute;
        top : 2px;
        right : 2px;
    }
    
    p
    {
        margin : 1em;
    }

Poi ovviamente aggiustati le dimensioni, margini, ecc.

Ciao

[pietro09]

ti ringrazio