diff --git a/deluge/ui/webui/TODO b/deluge/ui/webui/TODO
index 379698182..10607ded4 100644
--- a/deluge/ui/webui/TODO
+++ b/deluge/ui/webui/TODO
@@ -3,7 +3,6 @@
 *Fix IE7 for advanced/white template.
 *split statistics tab into statistics , details like gtk-ui
 *details tabs : add css
-*progresss bars : fix layout
 *white template : add auto-refresh
 
 after 0.6:
diff --git a/deluge/ui/webui/templates/advanced/part_torrent_list.html b/deluge/ui/webui/templates/advanced/part_torrent_list.html
index 5226f493f..8a72b6d14 100644
--- a/deluge/ui/webui/templates/advanced/part_torrent_list.html
+++ b/deluge/ui/webui/templates/advanced/part_torrent_list.html
@@ -54,7 +54,7 @@ $for torrent in torrent_list:
     <td>$fsize(torrent.total_size)</td>
     <td class="progress_bar">
         <div class="progress_bar_outer">
-            <div class="progress_bar" style="width:$(torrent.progress)%;overflow:hidden">
+            <div class="progress_bar" style="width:$(torrent.progress)%">
             $_(torrent.state) $int(torrent.progress) %
             </div>
         </div>
diff --git a/deluge/ui/webui/templates/advanced/template_style.css b/deluge/ui/webui/templates/advanced/template_style.css
index 7c1aa8f47..574f970fb 100644
--- a/deluge/ui/webui/templates/advanced/template_style.css
+++ b/deluge/ui/webui/templates/advanced/template_style.css
@@ -25,7 +25,8 @@ input{
 
 input:hover {
 	background-color:#68a;
-}



TEXTAREA{
 border:1px solid #23344b;
 background: #99acc3;
 width:480px;
}
*/

.footertext a { color: #c0c0c0; text-decoration:none;}
.footertext a:visited { color: #c0c0c0; text-decoration:none;}
.footertext a:active { color: #c0c0c0; text-decoration:none;}
.footertext  a:hover {color: #fff; text-decoration: underline;}


.footertext {
 text-align: center;
 padding: 60px 0 0 0;
 font-size: 8pt;
 left: -100px;
 font-family: Bitstream Vera,Verdana;
 color: #fff;
 position: relative;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.progress_bar{
	background-color:#4573a5;
	/*color:blue;*/
	-moz-border-radius:5px; /*ff only setting*/
	}
+}



TEXTAREA{
 border:1px solid #23344b;
 background: #99acc3;
 width:480px;
}
*/

.footertext a { color: #c0c0c0; text-decoration:none;}
.footertext a:visited { color: #c0c0c0; text-decoration:none;}
.footertext a:active { color: #c0c0c0; text-decoration:none;}
.footertext  a:hover {color: #fff; text-decoration: underline;}


.footertext {
 text-align: center;
 padding: 60px 0 0 0;
 font-size: 8pt;
 left: -100px;
 font-family: Bitstream Vera,Verdana;
 color: #fff;
 position: relative;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.progress_bar{
	background-color:#4573a5;
	overflow:visible;
+	white-space: nowrap;
	-moz-border-radius:5px; /*ff only setting*/
	}
 
 div.progress_bar_outer { /*used in table-view*/
 	width:150px;
diff --git a/deluge/ui/webui/templates/white/template_style.css b/deluge/ui/webui/templates/white/template_style.css
index befa5ca8c..08dadb7c4 100644
--- a/deluge/ui/webui/templates/white/template_style.css
+++ b/deluge/ui/webui/templates/white/template_style.css
@@ -193,6 +193,8 @@ tr.torrent_table_selected {
 
 div.progress_bar{
 	background-color:#E0ECFF;
+	overflow:visible;
+	white-space: nowrap;
 	/*color:blue;*/
 	/*-moz-border-radius:5px;*/ /*ff only setting*/
 }