Как наложить картинку на таблицу и писать текст через CSS

Сделал в html кнопку, наложил картинку, а как можно сделать грани этой картинки прозрачными в css?

 

Вот эти грани

 

Такой вопрос,по полю длина и ширина. Мне нужно чтобы буква М была внутри поля либо чтобы на неё можно былло навести курсор. Проблема в том, что М это часть картинки, а поле заканчивается перед буквой. Я только смог отключить подсветку поля через outline.
Мне подсказали тут нужно смотреть как навести фокус на поле через javascript, но я его совсем не знаю, подскажите скрипт нужный.

 

Что именно непонятно? Как участок с картинкой(буква М) сделать частью поля? Если я расширю поле, оно просто накладывается поверх этой буквы М.

 

Помогло очень, и без js обошлось.
А как можно чекбоксы по одной линии выровнять? И после выравнивания останутся пустые белые квадраты в месте под чекбоксы, их закрасить возможно будет?

 

Чтобы тему не дублировать по калькулятору, продолжу тут. Верстку оформил, теперь осталось прописать php скрипт. Думал лучше его прописывать в отдельном файле либо сразу в html, но посмотрел создание калькулятора писать не так много,подумал можно и в html.
Посмотрел теорию php и на примере этого видео, пишу сейчас свой.
И сразу вопрос такой, в видео и в коде(его прилагаю) на калькуляторе есть выпадающий список выбора действия,действие вынесено отдельной переменной, а у меня по тз он не предусмотрен, мне нужно чтобы сразу было умножение и выдавал ответ в строку. Как это можно записать? Вот код калькулятора с видео

Код (Text):

1. <form>
2. <input type="text" name="num1" placeholder="number 1">
3. <input type="text" name="num2" placeholder="number 2">
4. <select name="operator">
5. <option>None</option>
6. <option>Add</option>
7. <option>Subtract</option>
8. <option>Multiply</option>
9. <option>Divide</option>
10. </select>
11. <br>
12. <button type="submit" name="submit" value="submit">Calculate</button>
13. </form>
14. <p> The answer is:<p>
15. <?php if (isset($_GET['submit'])) {
16.     $result1=$_GET['num1'];
17.     $result2=$_GET['num2'];
18.     $operator=$_GET['operator'];
19.     switch($operator){
20.         case "None":
21.         echo "You need to select a method!";
22.         break;
23.         case "Add":
24.         echo $result1+$result2;
25.         break;
26.         case "Subtract":
27.         echo $result1-$result2;
28.         break;
29.         case "Multiply":
30.         echo $result1*$result2;;
31.         break;
32.         case "Divide":
33.         echo $result1/$result2;;
34.         break;

Вот мой, но он неправильный видимо.

Код (Text):

1. <tr><td colspan="2,5"><input type="text" name="num1" class="pole"></td><td colspan="2,5"><input type="text" name="num2" class="pole1"></td></tr>
2. <tr><td colspan="5"></td></tr>
3. <tr><td colspan="5"><input type="checkbox" class="kv1"  value="Проклейка"></td></tr>
4. <tr><td colspan="5"><input type="checkbox" class="kv2"  value="Люверсовка"></td></tr>
5. <tr><td colspan="2,5"><button type="submit" name="submit" value="submit" class="knopka"><img src="Калькулятор расчитать.png" alt="Расчет"></button></td><td colspan="2,5"><button class="knopka1"><img src="Калькулятор очистить.png"</button></td></tr>
6.  
7. </div>
8. </form><br>
9. <p name="itogo" class="itogo1">Итого:</p>
10.  
11. <?php
12. if (isset($_GET['submit'])){
13.     $result1=$_GET['num1'];
14.     $result2=$_GET['num2'];
15.     $summa=$result1*$result2=$_GET['itogo']
16.     echo $result1*$result2;
17.     break;
18.    
19.