title: Div is shown in wrong position
body: <p>I have such code:</p>
  
  <pre><code>&lt;div style="position:relative"&gt;
      &lt;div style="float:left; width: 183px; background-color:#c1cba9; color: #000000;"&gt;&lt;img border="0" alt="Product categories" title="Product categories" src="http://www.gvcdigital.co.uk/images/graphic/categrieshead.png" width="179" height="43"&gt;&lt;br /&gt;
          &lt;div style="margin-left: 10;"&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Sound-Vision-/_i.html?_sacat=293&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Sound &amp;amp; Vision&lt;/a&gt;&lt;span class="cnt"&gt; (9943)&lt;/span&gt;&lt;/li&gt;&lt;ul class="lev2"&gt;&lt;li&gt;&lt;a href="/Digi-Spot/TV-Home-Audio-Accessories-/_i.html?_sacat=14961&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;TV &amp;amp; Home Audio Accessories&lt;/a&gt;&lt;span class="cnt"&gt; (4056)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Performance-DJ-Equipment-/_i.html?_sacat=48458&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Performance &amp;amp; DJ Equipment&lt;/a&gt;&lt;span class="cnt"&gt; (1893)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Multipurpose-Batteries-Power-/_i.html?_sacat=48446&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Multipurpose Batteries &amp;amp; Power&lt;/a&gt;&lt;span class="cnt"&gt; (1571)&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li class="morelnk"&gt;&lt;a href="/Digi-Spot/Sound-Vision-/_i.html?_sacat=293&amp;amp;_sasi=1&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;more...&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Business-Office-Industrial-/_i.html?_sacat=12576&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Business, Office &amp;amp; Industrial&lt;/a&gt;&lt;span class="cnt"&gt; (2530)&lt;/span&gt;&lt;/li&gt;&lt;ul class="lev2"&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Building-Materials-Supplies-/_i.html?_sacat=41498&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Building Materials &amp;amp; Supplies&lt;/a&gt;&lt;span class="cnt"&gt; (2168)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Electrical-Test-Equipment-/_i.html?_sacat=92074&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Electrical &amp;amp; Test Equipment&lt;/a&gt;&lt;span class="cnt"&gt; (107)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Industrial-Tools-/_i.html?_sacat=64808&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Industrial Tools&lt;/a&gt;&lt;span class="cnt"&gt; (92)&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li class="morelnk"&gt;&lt;a href="/Digi-Spot/Business-Office-Industrial-/_i.html?_sacat=12576&amp;amp;_sasi=1&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;more...&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Computers-Tablets-Networking-/_i.html?_sacat=58058&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Computers/Tabl&amp;#8203;ets &amp;amp; Networking&lt;/a&gt;&lt;span class="cnt"&gt; (1655)&lt;/span&gt;&lt;/li&gt;&lt;ul class="lev2"&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Cables-Connectors-/_i.html?_sacat=31491&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Cables &amp;amp; Connectors&lt;/a&gt;&lt;span class="cnt"&gt; (1328)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Laptop-Desktop-Accessories-/_i.html?_sacat=31530&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Laptop &amp;amp; Desktop Accessories&lt;/a&gt;&lt;span class="cnt"&gt; (262)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="/Digi-Spot/Other-Computing-Networking-/_i.html?_sacat=162&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;Other Computing &amp;amp; Networking&lt;/a&gt;&lt;span class="cnt"&gt; (33)&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;li class="morelnk"&gt;&lt;a href="/Digi-Spot/Computers-Tablets-Networking-/_i.html?_sacat=58058&amp;amp;_sasi=1&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;more...&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="link"&gt;&lt;br&gt;&lt;a href="/Digi-Spot/_i.html?_sasi=1&amp;amp;_sid=560455030&amp;amp;_trksid=p4634.c0.m322"&gt;See all items in the store&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
          &lt;img border="0" src="http://www.gvcdigital.co.uk/images/graphic/catbot.png" width="179" height="17"&gt;&lt;/div&gt;
      &lt;div style="float:left; width: 480px; height:100px; text-align: center; background-color:#d6d6a4;"&gt;&lt;img border="0" src="http://www.gvcdigital.co.uk/images/graphic/description.png" width="232" height="81"&gt;&lt;br /&gt;&lt;div style="text-align: left; margin-left: 10;"&gt;[[Description]]&lt;/div&gt;&lt;/div&gt;
      &lt;div style="float:left; width: 324px; height:100px; text-align: center; "&gt;
          &lt;div style="width: 324px; color: #ffffff; background-color:#6b8861; background-color:#d6d6a4;font-size : 34px;"&gt;[[Title]]&lt;/div&gt;
          &lt;div style="width: 324px; color: #ffffff; background-color:#6b8861;"&gt;&lt;div style="width: 320px; margin: 2 2 2 2; background-color:#ffffff;"&gt;[[Picture1]]&lt;/div&gt;&lt;div style="width: 300px; height: 2px; background-color:#6b8861; color: #6b8861;"&gt;&lt;/div&gt;&lt;/div&gt;
          &lt;div style="width: 324px; color: #801010; font-size : 40px; background-color:#d6d6a4;"&gt;Price: [[BuyItNowPrice]]&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div style="clear: both; text-aling: center; width:985px;"&gt;&lt;img border="0" src="graphic/buttom.png" width="524" height="42"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And result of it looks like this:
  <img src="https://i.stack.imgur.com/ODJzg.png" alt="enter image description here"></p>
  
  <p>What could be the problem? I want that marked in red div to be in center of the bottom.</p>