--- a/web/data/cubicweb.css	Mon Dec 05 14:33:26 2011 +0100
+++ b/web/data/cubicweb.css	Wed May 23 11:41:27 2012 +0200
@@ -116,6 +116,7 @@
 
 img {
   border: none;
+  display: block;
 }
 
 
@@ -220,9 +221,6 @@
     font-style: italic;
 }
 
-.align-center{
-    text-align: center;
-}
 
 /***************************************/
 /*   LAYOUT                            */
@@ -984,11 +982,17 @@
 /********************************/
 
 img.align-right {
-  margin-left: 1.5em;
+  margin-left: auto;
 }
 
 img.align-left {
-  margin-right: 1.5em;
+  margin-right: auto;
+}
+
+img.align-center{
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 /******************************/

--- a/web/data/cubicweb.old.css	Mon Dec 05 14:33:26 2011 +0100
+++ b/web/data/cubicweb.old.css	Wed May 23 11:41:27 2012 +0200
@@ -64,9 +64,13 @@
   text-decoration: underline;
 }
 
-a img, img {
+a img{
+  text-align: center;
+}
+
+img{
   border: none;
-  text-align: center;
+  display:block;
 }
 
 img.prevnext {
@@ -216,25 +220,41 @@
   visibility: hidden;
 }
 
-li.invisible { list-style: none; background: none; padding: 0px 0px
-1px 1px; }
+li.invisible {
+  list-style: none;
+  background: none;
+  padding: 0px 0px 1px 1px;
+}
 
 li.invisible div {
   display: inline;
 }
 
 .caption {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .legend{
-    font-style: italic;
+  font-style: italic;
+}
+
+/* rest related image classes generated with align: directive */
+
+img.align-right {
+  margin-left: auto;
 }
 
-.align-center{
-    text-align: center;
+img.align-left {
+  margin-right: auto;
 }
 
+img.align-center{
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+
 /***************************************/
 /*   LAYOUT                            */
 /***************************************/