1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>SO #1252749 Test</title>
  <style type="text/css" media="screen">

  .comment .button {
     visibility: hidden;    
     border: 0;              
  }  

  .comment:hover .button {
     visibility: visible;
  } 

  </style> 

  <!--[if lt IE 7]>  
  <style type="text/css" media="screen"> 
  .comment .button {
    visibility: visible; 
  }   
  </style>
  <![endif]-->
</head>
<body>

  <div class="comment">
    <a href="#vote"><img class="vote button" src="http://sstatic.net/so/img/so/comment-up-hover.png"></a>
    <a href="#flag"><img class="flag button" src="http://sstatic.net/so/img/so/comment-flag-hover.png"></a>
    <!-- #if moderator -->
    <a href="#delete"><img class="delete button" src="http://sstatic.net/so/img/so/comment-del-hover.png"></a>
    <!-- #endif -->
    <span class="comment-text">When you hover the mouse over this text, you should see three icons.</span>
  </div>                                         


</body>
</html>