title: Chrome Browser Action displaying scroll bars now?
body: <p>So I have a slight problem that I can't figure out myself. It only recently started doing this and by no means am I an expert, really just enough knowledge to be dangerous. The problem is that the window either pushes everything to a column, when it should be two wrapping divs next to each other, or it displays scrollbar thats useless and doesn't do anything but block info.</p>
  
  <p>Here is the CSS code:</p>
  
  <pre><code>    body {
      display:table;
      font-family: helvetica;
      background-image: url('bg-body.jpg');
      background-size: 10% 100%;
      background-repeat:repeat-x;
      border: none;
      font-size: 14px;
      padding: 5px 5px;
      height: 220px;
      width: 396px;
      margin: 0 auto;
  }
  #links {
      display:table-row;
      vertical-align:middle;
      margin:auto auto;
      width:180px;
      height:200px;
      padding-right:5px;
      float:left;
  }
  #weather {
      display:table-row;
      vertical-align:middle;
      width:180px;
      height:200px;
      margin-top:0px;
      position:relative;
      float:left;
      background-image: url(bkg_weather.png);
      background-repeat: no-repeat no-repeat;
      text-align: center;
  }
  #weather a {
      font-size: 14px;
  }
  a {
      height:36px;
      width:180px;
      display:table-cell;
      color: rgb(181, 181, 181);
      text-decoration:none;
      vertical-align:middle;
  }
  img {
      display:inline;
      padding-right:10px;
      margin:3px 2px;
      vertical-align:middle;
  }
  a:visited {
      color: rgb(181, 181, 181);
      text-decoration:none;
  }
  a:hover {
      color: rgb(139, 1, 1);
      text-decoration:none;
      border-radius: 6px;
      border: none;
      background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#afafaf));
      padding-left:1px;
  }
  a:active {
      color: rgb(139, 1, 1);
      text-decoration:none;
      border-radius: 6px;
      border: none;
      background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ccc));
  }
  </code></pre>
  
  <p>and here is the html (note most things are just placeholders):</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Student Quick Links&lt;/title&gt;
  &lt;link rel="stylesheet" href="master.css" type="text/css" charset="utf-8"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="links"&gt;
      &lt;div&gt;&lt;a target="_blank" href="link1"&gt;&lt;img src="home.png" width="30" height="30" alt="Homepage" title=""&gt;Homepage&lt;/a&gt;&lt;/div&gt;
  
      &lt;div&gt;&lt;a target="_blank" href="link2"&gt;&lt;img src="mail.png" width="30" height="30" alt="Student Mail" title="Mail for Students"&gt;Student Mail&lt;/a&gt;&lt;/div&gt;
  
      &lt;div&gt;&lt;a target="_blank" href="link3"&gt;&lt;img src="contacts.png" width="30" height="30" alt="Moodle for 9-12" title="Moodle for 9-12"/&gt;Moodle for 9-12&lt;/a&gt;&lt;/div&gt;
  
      &lt;div&gt;&lt;a target="_blank" href="link4"&gt;&lt;img src="calendar.png" width="30" height="30" alt="Moodle for K-8" title="Moodle for K-8"/&gt;Moodle for K-8&lt;/a&gt;&lt;/div&gt;
  
      &lt;div&gt;&lt;a target="_blank" href="link5"&gt;&lt;img src="documents.png" width="30" height="30" alt="Library Catalogs" title="Library Cataloges"/&gt;Library Cataloges&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="weather"&gt;
      &lt;iframe border="none" src="current_weather.htm" width="180px" height="138px"&gt;&lt;/iframe&gt;
      &lt;br&gt;    &lt;a href="link6" title="1"&gt;Additional Weather Information&lt;/a&gt; 
  &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm working on a chrome extension for our students to have in their browsers that is a set of quick links...we can't push out bookmarks in Google Apps Management, so I'm writing an extension to handle that itself. The manifest.json is very simple...title and link to popup.html. It now displays a scrollbar at the bottom...I guess I've just reached a point of frustration and I'm sure it is something simple I can't see in my frustration..</p>
  
  <p>Thanks in advance for any help and advice you can give.</p>
  
  <p>Platform: Google Chrome and Chrome OS
  Restrictions: No inline Javascript allowed
  Any more info can be provided if needed.</p>