title: css property not apply properly [bottom,right]
body: <p>I am create a <code>div</code> and in <code>JavaScript</code> and after that push it to <code>Google Map</code> i attach some <code>css</code> properties with that <code>div</code> all properties are applied except 1 property that is <code>bottom</code> i specify a value of <code>15px</code> but it shows <code>0px</code>.
  Any thoughts how do i apply that.</p>
  
  <p>Demo is <a href="http://jsfiddle.net/y5v2Y/10/" rel="nofollow noreferrer">here</a></p>
  
  <p>This is how I create <code>div</code></p>
  
  <pre><code>var unitControlDiv = document.createElement('div');
  unitControlDiv.style.margin = '4px';
  unitControlDiv.style.padding = '4px';
  unitControlDiv.style.backgroundColor = 'ButtonShadow';
  unitControlDiv.style.borderRadius = '10px';
  unitControlDiv.style.bottom = '15px';
  unitControlDiv.style.right = '10px';
  unitControlDiv.className = 'unitContainer';
  </code></pre>
  
  <p><strong>Update 1</strong></p>
  
  <p>Following is the css that generated after map load</p>
  
  <p><img src="https://i.stack.imgur.com/P805K.png" alt="enter image description here"></p>
  
  <p>i want to change above <code>bottom</code> and <code>right</code> from <code>0</code>,<code>320px</code> to <code>15px</code>,<code>10px</code> respectively </p>