Доброго времени суток от начинающего создателя сайтов . Подскажите плз как лучше реализовать данную идею...а то у меня походу руки вместе с головой не оттуда растут есть(будет?) меню Html <link href="../1.css" rel="stylesheet" type="text/css"> <link href="1.css" rel="stylesheet" type="text/css"> <table align="left" valign="top" class="mainmenu"> <tr align="left" valign="top" > <td height="33"align="left" valign="top"><a href="index.php">Главная </a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">Услуги </a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">О нас</a></td> </tr> <tr> <td align="left" valign="top"><a href="index.php">Контакты</a></td> </tr> </table> CSS .mainmenu { font-size: 15px; font-family: tahoma; text-decoration: none; font-weight: bold; text-transform: uppercase; } .mainmenu a:active, .mainmenu a:visited, .mainmenu a:link { background-image: url(knop_1.gif); background-repeat: no-repeat; background-color:#000000; text-decoration: none; color: #0066FF; display:block; width:140px; height:35px; } .mainmenu a:hover { background-image: url(knop_2.gif); background-repeat: no-repeat; color: #FF9900; } Как добиться расположения по центру рисунка как вертикально так и горизонтально? добавление параметра "padding: 15px 40px" в .mainmenu a:active, .mainmenu a:visited, .mainmenu a:link { меняет дело но тогда смещаетьса вертикально вся таблица что не есть хорошо визуально.