title: CSS div width not working
body: <p>I have a strange problem.One of my div's width is not working. My CSS is like</p>
  
  <pre><code>.product_info
  {
      margin-top:10px;
      background:#444;
      width:850px;
  
  }
  .product_image
  {
      width:350px;
      text-align:center;
      float:left;
      padding:8px;
      border:1px solid #e9e9e9;
      background:#fff;
  }
  .product_details
  {
      float:left;
      width:400px;
      margin-left:25px;
      font-size:14px;
      font-family:"Helvetica";
      background:#d71414;
  }
  </code></pre>
  
  <p>And My HTML file is </p>
  
  <pre><code>&lt;div class="product_info"&gt;
                  &lt;div class="product_image"&gt;
  
                  &lt;/div&gt;
  
                  &lt;div class="product_details"&gt;
                      &lt;div class="selection"&gt;
                      &lt;form action="{$path_site}{$indeex_file}" method="post"&gt;
                      Size
                      {foreach name = feach item = k from = $product_size}
                          &lt;input type="radio" name="size" value="{$k.product_size}" /&gt;{$k.product_size}
                      {/foreach}
  
  
                      &lt;/div&gt;
  
                      &lt;div class="selection"&gt;
                      No. of pieces &lt;input type="text" name="quantity"&gt;
  
                      &lt;/div&gt;
                      &lt;div class="prc"&gt;
                          &lt;span class="WebRupee"&gt;Rs.&lt;/span&gt; {$product_info-&gt;product_cost}.00
                              &lt;/div&gt;
  
                      &lt;div class="buy_btn"&gt;&lt;input type="submit" value="BUY" /&gt;&lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>But as you can see in the attached image my <code>div</code> <code>product_info</code>'s width is not <code>850px</code>, Whats wrong<img src="https://i.stack.imgur.com/i1t5C.jpg" alt="enter image description here"></p>