width in % con IE fa scomparire gli elementi cui è applicata

[Luca_pluatrco]

Ciao,

mentre con firefox va tutto bene con IE 7, una volta impostata width:60% per un div contenitore, gli elementi cui è applicata la regola CSS scompaiono.

Qui il codice CSS:

#contentContainer
{
	position:relative;
	margin: 20px;	
	vertical-align: top;
}

#meetingDetails
{
	width:60%;
	padding: 2px;
	margin-bottom: 90px;
	float:left;
	text-align:left;
	vertical-align: top;	
}

#wrapper
{
	float:right;
	padding:0;
	text-align:center;	
}

.editLinks
{
	text-align: right;
	padding: 3px;
}

#meetingAttendees
{
	width: 250px;
}

#meetingElementsWrapper
{
	width: 60%;    /*<-- Se la lascio così i div contenuti non sono visualizzati*/	
	clear:both;	
	text-align: left;	
}

.meetingElements
{		
	margin-bottom:90px;	
}

Qui il codice HTML (in grassetto in fondo i div interessati):

<div id="ContentContainer">

<div id="meetingDetails">
    [.Module("RecView", "MeetingTitle")]
    

    Edit
</div>
<div id="wrapper">
    <div class="editLinks">
        Edit meeting
    </div>
    <div id="meetingAttendees">
      [.Module("View", "Meeting_Attendes")]
    </div>
</div>

<div id="meetingElementsWrapper">
    <div class="meetingElements" id="TodoDetails">
        [.Module("View","MeetingTodoDetails")]
    </div>
    <div class="meetingElements" id="MinutesDetails">
        [.Module("View","MeetingMinutesDetails")]
    </div>
</div>

</div>

Vorrei limitare la grandezza dei div contenuti in "meetingElementsWrapper". Come posso fare per risolvere questo problema?
Grazie