diff --git a/css/chess.css b/css/chess.css
index 0c1e87e..f481adf 100644
--- a/css/chess.css
+++ b/css/chess.css
@@ -626,20 +626,20 @@ button:disabled .silhouette {
    }
 }
 
-img.cb-dk-piece.cb-king   { content: url(../svg/Chess_kdt45.svg); }
-img.cb-dk-piece.cb-queen  { content: url(../svg/Chess_qdt45.svg); }
-img.cb-dk-piece.cb-rook   { content: url(../svg/Chess_rdt45.svg); }
-img.cb-dk-piece.cb-knight { content: url(../svg/Chess_ndt45.svg); }
-img.cb-dk-piece.cb-bishop { content: url(../svg/Chess_bdt45.svg); }
-img.cb-dk-piece.cb-pawn   { content: url(../svg/Chess_pdt45.svg); }
-img.cb-lt-piece.cb-king   { content: url(../svg/Chess_klt45.svg); }
-img.cb-lt-piece.cb-queen  { content: url(../svg/Chess_qlt45.svg); }
-img.cb-lt-piece.cb-rook   { content: url(../svg/Chess_rlt45.svg); }
-img.cb-lt-piece.cb-knight { content: url(../svg/Chess_nlt45.svg); }
-img.cb-lt-piece.cb-bishop { content: url(../svg/Chess_blt45.svg); }
-img.cb-lt-piece.cb-pawn   { content: url(../svg/Chess_plt45.svg); }
+.cb-dk-piece.cb-king   { content: url(../svg/Chess_kdt45.svg); }
+.cb-dk-piece.cb-queen  { content: url(../svg/Chess_qdt45.svg); }
+.cb-dk-piece.cb-rook   { content: url(../svg/Chess_rdt45.svg); }
+.cb-dk-piece.cb-knight { content: url(../svg/Chess_ndt45.svg); }
+.cb-dk-piece.cb-bishop { content: url(../svg/Chess_bdt45.svg); }
+.cb-dk-piece.cb-pawn   { content: url(../svg/Chess_pdt45.svg); }
+.cb-lt-piece.cb-king   { content: url(../svg/Chess_klt45.svg); }
+.cb-lt-piece.cb-queen  { content: url(../svg/Chess_qlt45.svg); }
+.cb-lt-piece.cb-rook   { content: url(../svg/Chess_rlt45.svg); }
+.cb-lt-piece.cb-knight { content: url(../svg/Chess_nlt45.svg); }
+.cb-lt-piece.cb-bishop { content: url(../svg/Chess_blt45.svg); }
+.cb-lt-piece.cb-pawn   { content: url(../svg/Chess_plt45.svg); }
 
-#cb_board.cb-reversed img {
+#cb_board.cb-reversed .cb-piece {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
 }
diff --git a/css/theme/pacosako.css b/css/theme/pacosako.css
index 6e021ba..63a910c 100644
--- a/css/theme/pacosako.css
+++ b/css/theme/pacosako.css
@@ -1,15 +1,15 @@
-.cb-theme-pacosako img.cb-dk-piece.cb-king   { content: url(../../svg/pacosako/kd.svg); }
-.cb-theme-pacosako img.cb-dk-piece.cb-queen  { content: url(../../svg/pacosako/qd.svg); }
-.cb-theme-pacosako img.cb-dk-piece.cb-rook   { content: url(../../svg/pacosako/rd.svg); }
-.cb-theme-pacosako img.cb-dk-piece.cb-knight { content: url(../../svg/pacosako/nd.svg); }
-.cb-theme-pacosako img.cb-dk-piece.cb-bishop { content: url(../../svg/pacosako/bd.svg); }
-.cb-theme-pacosako img.cb-dk-piece.cb-pawn   { content: url(../../svg/pacosako/pd.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-king   { content: url(../../svg/pacosako/kl.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-queen  { content: url(../../svg/pacosako/ql.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-rook   { content: url(../../svg/pacosako/rl.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-knight { content: url(../../svg/pacosako/nl.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-bishop { content: url(../../svg/pacosako/bl.svg); }
-.cb-theme-pacosako img.cb-lt-piece.cb-pawn   { content: url(../../svg/pacosako/pl.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-king   { content: url(../../svg/pacosako/kd.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-queen  { content: url(../../svg/pacosako/qd.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-rook   { content: url(../../svg/pacosako/rd.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-knight { content: url(../../svg/pacosako/nd.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-bishop { content: url(../../svg/pacosako/bd.svg); }
+.cb-theme-pacosako .cb-dk-piece.cb-pawn   { content: url(../../svg/pacosako/pd.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-king   { content: url(../../svg/pacosako/kl.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-queen  { content: url(../../svg/pacosako/ql.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-rook   { content: url(../../svg/pacosako/rl.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-knight { content: url(../../svg/pacosako/nl.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-bishop { content: url(../../svg/pacosako/bl.svg); }
+.cb-theme-pacosako .cb-lt-piece.cb-pawn   { content: url(../../svg/pacosako/pl.svg); }
 
 .cb-theme-pacosako .cb-piece {
    position: absolute;
diff --git a/index.html b/index.html
index dd162ca..d852675 100644
--- a/index.html
+++ b/index.html
@@ -258,18 +258,18 @@
 				<div id="cb_phantom" class="cb-phantom"></div>
 
 				<div id="cb_pieces" style="display: none">
-					<img id="cb_piece_kd" src="<%=require('./svg/Chess_kdt45.svg')%>" alt="kd" class="cb-piece cb-dk-piece cb-king">
-					<img id="cb_piece_qd" src="<%=require('./svg/Chess_qdt45.svg')%>" alt="qd" class="cb-piece cb-dk-piece cb-queen">
-					<img id="cb_piece_rd" src="<%=require('./svg/Chess_rdt45.svg')%>" alt="rd" class="cb-piece cb-dk-piece cb-rook">
-					<img id="cb_piece_nd" src="<%=require('./svg/Chess_ndt45.svg')%>" alt="nd" class="cb-piece cb-dk-piece cb-knight">
-					<img id="cb_piece_bd" src="<%=require('./svg/Chess_bdt45.svg')%>" alt="bd" class="cb-piece cb-dk-piece cb-bishop">
-					<img id="cb_piece_pd" src="<%=require('./svg/Chess_pdt45.svg')%>" alt="pd" class="cb-piece cb-dk-piece cb-pawn">
-					<img id="cb_piece_kl" src="<%=require('./svg/Chess_klt45.svg')%>" alt="kl" class="cb-piece cb-lt-piece cb-king">
-					<img id="cb_piece_ql" src="<%=require('./svg/Chess_qlt45.svg')%>" alt="ql" class="cb-piece cb-lt-piece cb-queen">
-					<img id="cb_piece_rl" src="<%=require('./svg/Chess_rlt45.svg')%>" alt="rl" class="cb-piece cb-lt-piece cb-rook">
-					<img id="cb_piece_nl" src="<%=require('./svg/Chess_nlt45.svg')%>" alt="nl" class="cb-piece cb-lt-piece cb-knight">
-					<img id="cb_piece_bl" src="<%=require('./svg/Chess_blt45.svg')%>" alt="bl" class="cb-piece cb-lt-piece cb-bishop">
-					<img id="cb_piece_pl" src="<%=require('./svg/Chess_plt45.svg')%>" alt="pl" class="cb-piece cb-lt-piece cb-pawn">
+					<div id="cb_piece_kd" class="cb-piece cb-dk-piece cb-king"   ><img src="<%=require('./svg/Chess_kdt45.svg')%>" alt="kd"></div>
+					<div id="cb_piece_qd" class="cb-piece cb-dk-piece cb-queen"  ><img src="<%=require('./svg/Chess_qdt45.svg')%>" alt="qd"></div>
+					<div id="cb_piece_rd" class="cb-piece cb-dk-piece cb-rook"   ><img src="<%=require('./svg/Chess_rdt45.svg')%>" alt="rd"></div>
+					<div id="cb_piece_nd" class="cb-piece cb-dk-piece cb-knight" ><img src="<%=require('./svg/Chess_ndt45.svg')%>" alt="nd"></div>
+					<div id="cb_piece_bd" class="cb-piece cb-dk-piece cb-bishop" ><img src="<%=require('./svg/Chess_bdt45.svg')%>" alt="bd"></div>
+					<div id="cb_piece_pd" class="cb-piece cb-dk-piece cb-pawn"   ><img src="<%=require('./svg/Chess_pdt45.svg')%>" alt="pd"></div>
+					<div id="cb_piece_kl" class="cb-piece cb-lt-piece cb-king"   ><img src="<%=require('./svg/Chess_klt45.svg')%>" alt="kl"></div>
+					<div id="cb_piece_ql" class="cb-piece cb-lt-piece cb-queen"  ><img src="<%=require('./svg/Chess_qlt45.svg')%>" alt="ql"></div>
+					<div id="cb_piece_rl" class="cb-piece cb-lt-piece cb-rook"   ><img src="<%=require('./svg/Chess_rlt45.svg')%>" alt="rl"></div>
+					<div id="cb_piece_nl" class="cb-piece cb-lt-piece cb-knight" ><img src="<%=require('./svg/Chess_nlt45.svg')%>" alt="nl"></div>
+					<div id="cb_piece_bl" class="cb-piece cb-lt-piece cb-bishop" ><img src="<%=require('./svg/Chess_blt45.svg')%>" alt="bl"></div>
+					<div id="cb_piece_pl" class="cb-piece cb-lt-piece cb-pawn"   ><img src="<%=require('./svg/Chess_plt45.svg')%>" alt="pl"></div>
 				</div>
 			</div>
 		</div>