I am working through my first web page. My Master page has the following code placed in it:
<div class="navigation">
<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td class="MainCMSMenuHighlightedMenuItem">Home</td>
<td class="MainCMSMenuItem">Page 1</td>
</tr>
</table>
</div>
And the CSS inside Kentico has the following for #navigation
#navigation {
margin-right: 10px;
margin-left: 10px;
background-color: #d3d3d3;
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
border: 0;
clear: both;
}
Also
/* Styles for Navigation */
#navigation ul {
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#navigation li {
float: left;
}
#navigation a {
color: #000;
text-decoration: none;
margin: 0 1px;
padding: 5px;
display: block;
border: 1px solid #d3d3d3;
}
#navigation a:hover {
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
}

I have copied the CSS style sheet from a MS Expression Web template...where it works fine. In the Kentico program the background colour is white not #d3d3d3.