DataTable1.10 expanding beyound div in IE10

anjibman

0 down vote favorite

I am using DataTable 1.10 and working with both IE10 and FF33.1. In FF table is showing within div but in IE it is not.

I have bare minimum table with HTML tag.

<table id="memberSearchResultTable" class="display" cellspacing="0">

 ..........
</table>

When render this table with DataTable in firebug I can see following code

<div id="memberSearchResultTable_wrapper" class="dataTables_wrapper no-footer">
  ....
  <table class="display dataTable no-footer" id="memberSearchResultTable" 
         role="grid" aria-describedby="memberSearchResultTable_info" 
         style="width: 705px;" cellSpacing="0" jQuery111109173364637806466="256">

    ....
  </table>
  ....
</div>

In IE width is det to 705px but in FF it is 100%.

I tried with following CSS

#memberSearchResultTable {
  table-layout:fixed;
  width:100%;
  border:1px solid #f00;
  word-wrap:break-word;
}

Is there a way I can set width of this table to be within the div?

anjibman

Got the solution here http://datatables.net/forums/discussion/887/table-width

#datatable {
    width: 100% !Important;
}