Печать выбранных html элементов с использованием CSS

Здравствуйте, уважаемые. Я нарисовал в html страницу с разными элементами, некоторые позиционирую с использованием CSS.
Есть на странице таблица, хочу печатать только ее при нажатии кнопки печать. При печати все остальные элементы должны скрываться, таблица должна быть в левом верхнем углу. При нажатии кнопки печать запускается javascript функция.

HTML:

1.  
2. <form name="form1">
3. <link rel="stylesheet" href="style.css" type="text/css"/>
4.  
5. <div class = "URA">
6. <input type="button" name="buton1"
7. value="Процедура печати"
8. onclick="StartPrint()"/>
9. </div>
10.  
11. <input type="button" name="buton2"
12. value="Печать!"
13. onclick="window.print()"/>
14.  
15.  
16. <table border="1" name = "my_table" class = "test12">
17. <tbody><td>Статус проверки</td><td>Кол-во</td><td>Общая сумма</td>
18. </tbody>
19. <td>2</td><td>14</td><td>54</td>
20. </table>
21. </form>
22.  
23.  
24. <script language="javascript">
25. function StartPrint() {
26. window.print();
27. }
28. </script>
29.  

[css]
.URA {
width: 180px;
background: #eee;
border: solid 1px #228B22;
position: absolute;
top: 240px;
left: 902px;
}

@media print {
.test12 {display: block !important;}
form{display: none;}
}
[/css]

 

Точно - не работает указанный код так, как это описано в первом посте