title: Design a style for I.E using CSS?
body: <p>I have the following two images.</p>
  
  <p><strong>Google Chorome</strong>
  <img src="https://i.stack.imgur.com/iYORD.png" alt="chorome"></p>
  
  <p><strong>I.E</strong>
  <img src="https://i.stack.imgur.com/mpbUM.png" alt="IE"></p>
  
  <p>You can easily see the difference in the designs of both. </p>
  
  <p>and following is the so far stuff in CSS</p>
  
  <pre><code>&lt;style type="text/css"&gt;
        .main-container
        {
            float:left; margin-left:50px; width:100%;
        }
    &lt;/style&gt;
  
    &lt;!--[if gte IE 6]&gt;
    &lt;style type="text/css"&gt;
        .main-container
        {
            float:left; margin-left:50px; width:100%;
        }
    &lt;/style&gt;
    &lt;![endif]--&gt;
  </code></pre>
  
  <p>Please help me to make a similar or closer similar design in both browser. Thank You</p>