title: Media query min-width with Javascript code
body: <p>Currently I am having an issue on my website (<a href="http://www.engagearcade.com" rel="nofollow">http://www.engagearcade.com</a>) where the media query (min-width) does not remove a Javascript code that is within the said div. Here is the html:</p>
  
  <pre><code>&lt;div id="advertisementslot1"&gt;
  
  &lt;script language="javascript" type="text/javascript" charset="utf-8"&gt;
  (I can't show what's within here)
  &lt;/script&gt;
  &lt;/div&gt;
  
  &lt;div id="advertisementslot2"&gt;
  
  &lt;script language="javascript" type="text/javascript" charset="utf-8"&gt;
  (I can't show what's within here)
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the css:</p>
  
  <pre><code>@media (min-width:1151px){
  
  #advertisementslot1 {
  box-shadow: 0px 0px 0px 4px rgba (255,255,0,0.9);
  border-radius:16px;
  opacity:0.8;
  width:160;
  height:600px;
  position:absolute;
  left:30px;
  top: 475px;
  
  }
  
  #advertisementslot2 {
  box-shadow: 0px 0px 0px 4px rgba (255,255,0,0.9);
  border-radius:16px;
  opacity:0.8;
  width:160;
  height:600px;
  position:absolute;
  right:30px;
  top: 475px;
  
  }
  
  }
  </code></pre>
  
  <p>The code does in a sense work, however it only removes the actual div. The script (advertisements) move to the top left hand side of the corner and are not hidden. How can I fix this?</p>
  
  <p>Cheers.</p>