diff --git a/app/views/users/user_messages.html.erb b/app/views/users/user_messages.html.erb
index 29020560d..5a17d5912 100644
--- a/app/views/users/user_messages.html.erb
+++ b/app/views/users/user_messages.html.erb
@@ -59,7 +59,7 @@
                                     :class =>"#{ma.viewed == 0 ? "newsBlack" : "newsGrey"}",
                                     :onmouseover =>"message_titile_show($(this),event)",
                                     :onmouseout => "message_titile_hide($(this))" %></li>
-                      <div  style="display: none" >
+                      <div  style="display: none" class="message_title">
                         <%= ma.course_message.comments.html_safe %>
                       </div>
                       <li class="homepageNewsTime fl"><%= time_tag(ma.created_at).html_safe %> </li>
@@ -100,7 +100,7 @@
                                         :class => "#{ma.viewed==0 ? "newsBlack" : "newsGrey"}",
                                         :onmouseover =>"message_titile_show($(this),event)",
                                         :onmouseout => "message_titile_hide($(this))" %></a></li>
-                          <div  style="display: none" >
+                          <div  style="display: none" class="message_title" >
                             <%= ma.course_message.content.html_safe %>
                           </div>
                       <% end %>
@@ -182,7 +182,7 @@
                                        :topic_id => ma.forge_message.id),:class=>"#{ma.viewed==0?"newsBlack":"newsGrey"}",
                                        :onmouseover =>"message_titile_show($(this),event)",
                                        :onmouseout => "message_titile_hide($(this))" %></a></li>
-                          <div  style="display: none" >
+                          <div  style="display: none" class="message_title">
                             <%= ma.forge_message.content.html_safe %>
                           </div>
                       <% end %>
@@ -240,7 +240,7 @@
                                         :onmouseover =>"message_titile_show($(this),event)",
                                         :onmouseout => "message_titile_hide($(this))" %></a>
                           </li>
-                          <div  style="display: none" >
+                          <div  style="display: none" class="message_title">
                             <%= ma.memo.content.html_safe %>
                           </div>
                       <% end %>
@@ -264,7 +264,7 @@
                                     :onmouseover =>"message_titile_show($(this),event)",
                                     :onmouseout => "message_titile_hide($(this))" %></a>
                       </li>
-                      <div  style="display: none" >
+                      <div  style="display: none" class="message_title" >
                         <%= ma.journals_for_message.notes.html_safe %>
                       </div>
                       <li class="homepageNewsTime fl"><%= time_tag(ma.journals_for_message.created_on).html_safe %> </li>
@@ -290,7 +290,7 @@
   function message_titile_show(obj,e)
   {
       obj.parent().next("div").show();
-      obj.parent().next("div").css("top",e.pageY).css("left",e.pageX).css("position","fixed");
+      obj.parent().next("div").css("top",e.pageY).css("left",e.pageX).css("position","absolute");
   }
   function message_titile_hide(obj)
   {
diff --git a/public/stylesheets/new_user.css b/public/stylesheets/new_user.css
index e65afbe1e..7efea68a3 100644
--- a/public/stylesheets/new_user.css
+++ b/public/stylesheets/new_user.css
@@ -925,6 +925,7 @@ img.ui-datepicker-trigger {
     text-overflow: ellipsis;
     margin-bottom: 3px;
 }
+.message_title{border: 1px solid #D4D4D4;padding: 0.6em;margin-left: 1.4em;margin-right: 0.4em;border-radius: 4px;font-family: "Microsoft YaHei";background-size: 100% 100%;margin-bottom: 5px;background-color: #E8E8E8;}
 .description{display: none !important;}
 .ispublic-label{display: none !important;}
 .is_public_checkbox{display: none !important;}