Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Claire McCaskill
Table title:
U.S. Senator
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=2 rowspan=1 > Party </th><th colspan=1 rowspan=1 > Candidate </th><th colspan=1 rowspan=1 > Votes </th><th colspan=1 rowspan=1 > % </th><th colspan=1 rowspan=1 > ± </th></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Democratic </td><td class="highlighted"  colspan=1 rowspan=1 > Claire McCaskill (Incumbent) </td><td colspan=1 rowspan=1 > 1,484,683 </td><td class="highlighted"  colspan=1 rowspan=1 > 54.7% </td><td colspan=1 rowspan=1 > +5.1 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Republican </td><td class="highlighted"  colspan=1 rowspan=1 > Todd Akin </td><td colspan=1 rowspan=1 > 1,063,698 </td><td class="highlighted"  colspan=1 rowspan=1 > 39.2% </td><td colspan=1 rowspan=1 > 15.5 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Libertarian </td><td colspan=1 rowspan=1 > Jonathan Dine </td><td colspan=1 rowspan=1 > 164,991 </td><td colspan=1 rowspan=1 > 6.1% </td><td colspan=1 rowspan=1 > 45.1 </td></tr>
</table>
Question:
Who was Claire McCaskill's republican opponent and what percentage of the vote did each of them receive?
Answer:
Claire McCaskill was elected with 54.7% of the vote to Akin's 39.2%.