更新图片以及water的两栏液态布局

htdocs/css/water.css

@@ -1,18 +1,19 @@
-#sidebar{margin:0;width:200px;float:left;border-right:2px solid #ddd;background:#ddd;}
-
-#left{margin:0;width:200px;}
-#right{margin:0;float:left;border-left:2px solid #ddd;}
+body{margin:0;height:100%;}
+html{height:100%;}
+/* water */
+#sidebar{margin:0;width:220px;height:100%;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;}
+#right{margin:0;border-left:2px solid #ddd;height:100%;margin-left:220px;}
 #leftnavi{margin:0;}
 #intro {}
-#intro p{width:760px;}
+#intro p{text-indent:2em;}
 #intro img{}
-
-.PageNavigation{clear:left;padding-left:30px;}
-
+/* used in water */
+.PageNavigation{padding-left:30px;}
+hr{border: none 0;border-bottom:1px dashed #ccc;height: 1px;}
 #mdlist{}
 
 #metacontent{clear:left;margin-left:10px;}
-hr{clear:left;border: none 0;border-bottom:1px dashed #ccc;height: 1px;}
+
 #leftnav{margin-bottom:10px;clear:left;}
 #metacontent{float:left;}
 #features, #leftContainer{width:48%;float:left;margin-right:2%;clear:left;margin-bottom:10px;margin-left:10px;}