1 - Menu Categories: I would like a blue bar to go behind the text. I also wish to change the text color of the menu.
You have some strange positioning going on.
Try deleting this from your custom CSS:
#header {
background:url('http://tardesgrises.files.wordpress.com/2012/02/1.jpg') no-repeat;
height:235px;
text-align:right;
width:970px;
padding:120px 0 0;
}
.menu ul li {
float:left;
font-size:100%;
padding-right:15px;
top:30px;
}
#header-left {
width:700px!important;
}
.menu ul ul {
left:0;
position:absolute;
top:0;
width:auto;
}
And adding this instead:
#header {
background:url('http://tardesgrises.files.wordpress.com/2012/02/1.jpg') no-repeat;
position:relative;
height:354px;
padding:0;
}
#header-center {
display:none;
}
#header-image-link {
position: absolute;
top: 120px;
}
#header-left,#header-right {
position:absolute;
bottom:10px;
}
#header-right {
right:0;
}
.widget_search {
margin:0;
}
.menu ul li {
background:yellow;
float:left;
font-size:100%;
padding:10px 10px 0;
}