jQueryのvgridについて

vgridを導入して下記のコードを書くと下の画像のようになりました
サンプル画像を見る限り
http://blog.xlune.com/2009/09/vgrid/demo008.html
もっとおしゃれといいますかちゃんと可変してくれていますが私のだと

こうなります。
コードは以下の通りです

JavaScript
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title></title>
6  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
7  <script src="vgrid/jquery.vgrid.min.js"></script>
8  <style>
9    #grid-content{
10      border: 1px solid gray;
11    }
12
13    #grid-content div{
14      width: 150%;
15      border: 2px solid cyan;
16      background-color: black;
17      color: white;
18      padding: 4px;
19      margin: 2px;
20    }
21  </style>
22</head>
23<body>
24<div id="grid-content">
25  <div>
26    <h2>No.1</h2>
27    <p>ブロック 01</p>
28  </div>
29  <div>
30    <h2>No.2</h2>
31    <p>ブロック 02</p>
32    <p>This area is "block2".It's auto size Layout</p>
33  </div>
34  <div>
35    <h2>No.3</h2>
36    <p>ブロック 03</p>
37    <p>こんにちは。松浦です。ここはブロック３です。自動で可変レイアウトしてくれるプラグインを導入してみました。いかがでしょうか？</p>
38  </div>
39  <div>
40    <h2>No.4</h2>
41    <p>ブロック 04</p>
42  </div>
43  <div>
44    <h2>No.5</h2>
45    <p>ブロック 05</p>
46  </div>
47  <div>
48    <h2>No.6</h2>
49    <p>ブロック 06</p>
50    <p>ブロック６です</p>
51  </div>
52  <div>
53    <h2>No.7</h2>
54    <p>ブロック 07</p>
55  </div>
56
57</div>
58
59<script>
60$(function(){
61  $("#grid-content").vgrid({
62    fadeIn:{
63      time: 2000,
64      delay: 500
65    }
66  });
67});
68
69</script>
70</body>
71
72</html>
73