Fix disappearing transferlist list when zooming in the browser

When the page is zoomed in the browser, the transferlist doesn't fit
in the page and is moved below the left column, disappearing completely.

Allow elements to overlap the handle to prevent this from happening.

The error message is moved in the status bar since it's wrongly placed
because of the overlap.

Closes #603.

src/webui/www/private/index.html

@@ -83,7 +83,7 @@
 				<a id="preferencesButton" class="divider"><img class="mochaToolButton" title="_(Options)" src="theme/preferences-system" alt="_(Options)" width="24" height="24" onload="fixPNG(this)"/></a>
 			</div>
 		</div>
-		<div id="pageWrapper"><span id="error_div"></span>
+		<div id="pageWrapper">
 		</div>
 	</div>
 	<ul id="contextmenu">
@@ -104,6 +104,7 @@
 	</ul>
 	<div id="desktopFooterWrapper">
 		<div id="desktopFooter">
+			<span id="error_div"></span>
 			<table style="position: absolute; right: 5px;">
 				<tr><td id="DlInfos" style="cursor:pointer;"></td><td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" alt="" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td><td id="UpInfos" style="cursor:pointer;"></td></tr>
 			</table>

src/webui/www/public/css/style.css

@@ -370,3 +370,16 @@ ul.filterList li:hover a {
 .torrentTable thead tr {
 	background-color: #eee;
 }
+
+/*
+ * Workaround to prevent the transfer list from
+ * disappearing when zooming in the browser. 
+ */
+#filtersColumn_handle {
+	margin-left: -1px;
+}
+
+#error_div {
+	float: left;
+	font-size: 14px;
+}