diff --git a/css/louisgame.css b/css/louisgame.css
index 370f949..06579d5 100644
--- a/css/louisgame.css
+++ b/css/louisgame.css
@@ -141,12 +141,19 @@
     display: none;
   }
   #cheese img{ /* 芝士 */
-    left: 170px;
+    left: 159px;
     display: none;
+    top: 734px!important;
+    width: 182px!important;
+    height: 207px!important;
   }
   #crepe img{ 
-    left: 380px;
+  
     display: none;
+    left: 347px;
+    top: 735px!important;
+    width: 194px!important;
+    height: 202px!important;
   }
   #foie-gras img{
     left: 563px;
@@ -158,7 +165,7 @@
   }
   #onion-soup img{
     left: 750px;
-    top: 730px!important;
+    top: 725px!important;
     width: 200px!important;
     height: 207px!important;
     display: none;
diff --git a/nixongame.html b/nixongame.html
index bdfbb10..e1667e1 100644
--- a/nixongame.html
+++ b/nixongame.html
@@ -72,23 +72,23 @@
       </div>
 
       <!-- foods elements -->
-      <div id="champagne" class="dish">
+      <div id="burger" class="dish">
         <img src="asset/pic/nixon/burger.png" alt="burger"
           onclick="handleClick('cham');">
       </div>
-      <div id="cheese" class="dish">
+      <div id="hot_dog" class="dish">
         <img src="asset/pic/nixon/hot_dog.png" alt="hot_dog"
           onclick="handleClick('cheese');">
       </div>
-      <div id="crepe" class="dish">
+      <div id="apple_pie" class="dish">
         <img src="asset/pic/nixon/apple_pie.png" alt="apple_pie"
           onclick="handleClick('crepe');">
       </div>
-      <div id="foie-gras" class="dish">
+      <div id="fried_chicken" class="dish">
         <img src="asset/pic/nixon/fried_chicken.png" alt="fried_chicken"
           onclick="handleClick('foiegras');">
       </div>
-      <div id="onion-soup" class="dish">
+      <div id="pancakes" class="dish">
         <img src="asset/pic/nixon/pancakes.png" alt="pancakes"
           onclick="handleClick('onionsoup');">
       </div>