title: CSS Merge background image as one
body: <p>I'm trying to merge these to cell so that it only uses one background image have been trying all day with no success. Is some one could help with is I would greatly appreciate it,</p>
  
  <p>The root domain is <a href="http://amalgamite.com" rel="nofollow">http://amalgamite.com</a> so you can see what I'm talking about the two images.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;!--[if IE]&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 8 ]&gt;&lt;html dir="ltr" lang="en" class="ie8"&gt;&lt;![endif]--&gt;
  &lt;!--[if IE 9 ]&gt;&lt;html dir="ltr" lang="en" class="ie9"&gt;&lt;![endif]--&gt;
  &lt;!--[if (gt IE 9)|!(IE)]&gt;&lt;!--&gt;
  &lt;html dir="ltr" lang="en"&gt;
  &lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;title&gt;BBQ Grills &amp; Supply&lt;/title&gt;
  &lt;base href="http://amalgamite.com/" /&gt;
  &lt;meta name="description" content="BBQ Grills &amp; Supply" /&gt;
  &lt;meta name="keywords" content= "BBQ Grills &amp; Supply" /&gt;
  &lt;script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /&gt;
  &lt;script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="catalog/view/theme/Bearing Depot/stylesheet/stylesheet.css" rel="stylesheet"&gt;
  &lt;script src="catalog/view/javascript/common.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="http://amalgamite.com/" rel="canonical" /&gt;
  &lt;/head&gt;
  
  &lt;body oncontextmenu="return false;" class="common-home"&gt; 
   &lt;nav id="top"&gt;
    &lt;div class="container"  style="background: url(http://amalgamite.com/pics/Header-Cell-BG.png);"&gt;
      &lt;div class="row"&gt;
  
        &lt;div id="logo"&gt;
                      &lt;a href="http://amalgamite.com/index.php?route=common/home"&gt;&lt;div class="HeaderTextLarge"&gt;BBQ Grills &amp; Supply&lt;/div&gt;
            &lt;br /&gt;&lt;div class="HeaderTextSmall"&gt;800 Lincoln Blvd. Plainfield PA&lt;/div&gt;&lt;/a&gt;          
  
        &lt;div id="top-links" class="nav pull-right" style="clear:bolth;"&gt;
         &lt;ul class="list-inline"&gt;
  
          &lt;li&gt;&lt;a href="http://amalgamite.com/index.php?route=information/contact"&gt;&lt;i class="fa fa-phone fa-Top"&gt;&lt;/i&gt;&lt;/a&gt; &lt;span class="hidden-xs hidden-sm hidden-md HeaderTextXSmall"&gt;732.563.2225&lt;/span&gt;&lt;/li&gt;
  
          &lt;li class="dropdown"&gt;&lt;a href="http://amalgamite.com/index.php?route=account/account" title="My Account" class="dropdown-toggle" data-toggle="dropdown"&gt;
          &lt;i class="fa fa-user fa-Top"&gt;&lt;/i&gt; &lt;span class="hidden-xs hidden-sm hidden-md HeaderTextXSmall"&gt;My Account&lt;/span&gt; &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu dropdown-menu-right HeaderTextXSmall"&gt;
                          &lt;li&gt;&lt;a href="http://amalgamite.com/index.php?route=account/register"&gt;Register&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="http://amalgamite.com/index.php?route=account/login"&gt;Login&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
          &lt;/li&gt;
  
          &lt;li&gt;&lt;a href="http://amalgamite.com/index.php?route=checkout/cart" title="Shopping Cart"&gt;&lt;i class="fa fa-shopping-cart fa-Top"&gt;&lt;/i&gt; &lt;span class="hidden-xs hidden-sm hidden-md HeaderTextXSmall"&gt;Shopping Cart&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="http://amalgamite.com/index.php?route=checkout/checkout" title="Checkout"&gt;&lt;i class="fa fa-share fa-Top"&gt;&lt;/i&gt; &lt;span class="hidden-xs hidden-sm hidden-md HeaderTextXSmall"&gt;Checkout&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;  &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  
  &lt;header&gt;
    &lt;div class="container"  style="background: url(http://amalgamite.com/pics/Header-Cell-BG.png);"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-sm-4"&gt;&amp;nbsp;&lt;/div&gt;
        &lt;div class="col-sm-5"&gt;&lt;div id="search" class="input-group"&gt;
    &lt;input type="text" name="search" value="" placeholder="Search" class="form-control input-lg" /&gt;
    &lt;span class="input-group-btn"&gt;
      &lt;button type="button" class="btn btn-default btn-lg"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/button&gt;
    &lt;/span&gt;
  &lt;/div&gt;&lt;/div&gt;
        &lt;div class="col-sm-3"&gt;&lt;div id="cart" class="btn-group btn-block"&gt;
    &lt;button type="button" data-toggle="dropdown" data-loading-text="Loading..." class="btn btn-inverse btn-block btn-lg dropdown-toggle"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt; &lt;span id="cart-total"&gt;0 item(s) - $0.00&lt;/span&gt;&lt;/button&gt;
    &lt;ul class="dropdown-menu pull-right"&gt;
          &lt;li&gt;
        &lt;p class="text-center"&gt;Your shopping cart is empty!&lt;/p&gt;
      &lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>