# Ul menu

**URL:** <https://forum.kirupa.com/t/ul-menu/302107>\
**Category:** Uncategorized\
**Created:** [December 21, 2009, 10:44pm UTC](https://forum.kirupa.com/t/ul-menu/302107 "2009-12-21T22:44:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![blimpman](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@blimpman](https://forum.kirupa.com/u/blimpman)\
**Post date:** [December 21, 2009, 10:44pm UTC](https://forum.kirupa.com/t/ul-menu/302107/1 "2009-12-21T22:44:22Z")

</div>

I’ve added my menu inside a div:

```auto
<div id="menu">
    <ul class="current"><a href="index.html">Home</a></ul>
    <ul><a href="illumination.html">Illumination</a></ul>
    <ul><a href="music.html">Music</a></ul>
    <ul><a href="peopleandevents.html">People and Events</a></ul>
    <ul><a href="shapeandform.html">Shape and Form</a></ul>
    <ul><a href="urbanlandscape.html">Urban Landscape</a></ul>
    <ul><a href="weddings.html">Weddings</a></ul>
</div>

```

then set the css for it:

```auto
#menu {
	z-index: 10;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFF;
	position: absolute;
	bottom: 52px;
	left: 50px;
	letter-spacing: 1.5px;
}
#menu a{
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFF;
}
#menu a:hover, a:focus, ul.current a{
	font-family: "Century Gothic";
	font-size: 12px;
	color: #06F;
	text-decoration: underline;
}

```

But my HOME button remains white, I’d like it to be the [COLOR=“Blue”] **blue** [/COLOR] color like the hover state.

I believe it’s got something to do with the ul.current a, but not sure how to fix it.