How to define the width of a table and its th? so they look the same in Google Chrome and Firefox

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<table id="example1" class="table table-bordered table-hover" style="width:3000px;">
<thead>
<tr>
<th style=" width: 50px;">ITEM</th>
<th style=" width: 150px;">TIPO ORDEN</th>
<th style=" width: 100px;">N° ORDEN</th>
<th style=" width: 150px;">FECHA ORDEN</th>
<th style=" width: 100px;">REQUERIMIENTO</th>
<th style=" width: 100px;">CLIENTE</th>
<th style=" width: 200px;">FAMILIA SERVICIO</th>
<th style=" width: 500px;" >SERVICIO ESPECIALIZADO</th>
<th style=" width: 150px;">COD. PROYECTO</th>
<th style=" width: 200px;">EMISOR</th>
<th style=" width: 150px;">AREA EMISOR</th>
<th style=" width: 100px;">REFERENCIA</th>
<th style=" width: 200px;">NOMBRE PROVEEDOR</th>
<th style=" width: 150px;">FORMA PAGO</th>
<th style=" width: 170px;">FECHA ENTREGA</th>
<th style=" width: 150px;">LUGAR ENTREGA</th>
<th style=" width: 150px;">AUTORIZADO POR </th>
<th style=" width: 100px;">MONEDA</th>
<th style=" width: 150px;">TOTAL ORDEN</th>
<th style=" width: 100px;">OPCIONES</th>
</tr>
</thead>
<tbody>
<tr>
  <td>1</td>
  <td>Materiales</td>
  <td>001</td>
  <td>2018-04-02</td>
  <td>Requerimiento 1</td>
  <td>Alicorp</td>
  <td>Tanques</td>
  <td>Fabricación y Montaje de Tanque de Almacenamiento</td>
  <td>proyecto 1</td>
  <td>Crusura Chavez Iberico</td>
  <td>Administración</td>
  <td>Prueba</td>
  <td>Comercial Capillo</td>
  <td>Cash</td>
  <td>2018-04-02</td>
  <td>Obra</td>
  <td>Asistente de Gerencia</td>
  <td>Soles</td>
  <td>200</td>
  <td><input type="button" class="btn btn-info btn-view btn-xs"  data-toggle="modal" data-target="#modal-default"> </td>
  </tr>
  
</tbody>
</table>