html - CSS - Style the title from the image tag -

i'm trying style title image tag.

i have search other question can´t put working in project.

but can´t make changes.

someone can give me hand pls?

my code:

table.tablesorter tbody tr td a:hover img[title]:after  {  	content: attr(title);  	padding: 4px 8px;  	color: #fff;  	background-color:black;  }

<table class="tablesorter" style="width:98% !important">      <thead>          <tr>              <th>                 .....              </th>          </tr>      </thead>    	<tbody>                          <tr>                  <td>                     ..........                  </td>                 	<td>                      <a href="@url.action("edit","account", new { id=item.userid })">                          <img src="~/content/images/icon_edit.png" title="edit"/>                      </a>                 </td>    			</tr>      </tbody>    	<tfooter>  	</tfooter>  </table>

it should content: attr(title);, not content: attr(data-title); - don't have data attribute.

also, seems ::before , ::after pseudo-elements not defined img - may have use else:
css content attribute img tag

working example (when image missing): http://jsfiddle.net/dmafm/
example, title on <a> tag: http://jsfiddle.net/dmafm/1/