Drupal 7: adding an image to 1 menu tab The main menu at my Drupal 7.2 site is represented as tabs. I wonder please, how could I add an image to one of the tabs - for example a letter-icon for the last /contact tab?



When I look at the HTML code I see that tab as a class="menu-276 last" list item:

&lt;div id="main-menu" class="navigation"&gt;
&lt;h2 class="element-invisible"&gt;Основные ссылки&lt;/h2&gt;
&lt;ul id="main-menu-links" class="links clearfix"&gt;
&lt;li class="menu-270 first active"&gt;&lt;a href="/" class="active"&gt;Преферанс&lt;/a&gt;&lt;/li&gt;
&lt;li class="menu-300"&gt;&lt;a href="/help"&gt;Как играть&lt;/a&gt;&lt;/li&gt;
&lt;li class="menu-278"&gt;&lt;a href="/top20.php"&gt;Рейтинг&lt;/a&gt;&lt;/li&gt;
&lt;li class="menu-368"&gt;&lt;a href="/forum/1"&gt;Форум&lt;/a&gt;&lt;/li&gt;
&lt;li class="menu-392"&gt;&lt;a href="/etude"&gt;Этюды&lt;/a&gt;&lt;/li&gt;
&lt;li class="menu-276 last"&gt;&lt;a href="/contact"&gt;Письмо админу&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;


How would you be adding an image there, through editing the core Menu module or maybe there is a nicer way? (a CSS-solution would be ok too...)

Thank you!
Alex
You could use CSS:

#main-menu-links li.menu-276 a {
  background: url(path/to/img.png) no-repeat left;
  padding-left: 16px; /* Change depending on icon size */
}