I do not know if it's Firefox or my thrown together code. I just cannot get my navigation links to center. I believe what I need is in the code but I may be wrong. Is there anything I can add or take away to get this to work?
#header-inner {
background-image: url("
http://img.photobucket.com/albums/v318/jayregee/Image3.png");
height: 220px;
width: 920px;
}
#header {
background-image: none;
}
a, a:link, a:visited, a:active {color: text-decoration: none;}
a:hover {color: ; text-decoration: underline;}
p {margin-top: 0.8em; margin-bottom: 0.8em;}
blockquote {margin: 0.8em 3em; padding: 1.63em; border: 1px #bbbbbb; background: #e6e6e6;}
#header-name {display: none;}
#header-description {display: none}
#header-content {overflow: hidden; text-transform: uppercase; text-align: center;}
#header-text ul.nav {position: absolute; bottom: 0px; left: 0px; width: 100%; margin:0px; padding: 0px; height: 40px; line-height: 40px; border-top: 1px #bbbbbb; border-bottom: 1px #bbbbbb; background: #e6e6e6; text-transform: uppercase; }
#header-text ul.nav li {margin: 0px; padding: 0 0.9em; display: inline;}
#header-text ul.nav li.item {border: 0px;}
#header-text ul.nav a {color: ; font-size: 2.0em; text-decoration: none;}
#header-text ul.nav a:hover {color: #333333;}
#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #; text-decoration: none;}
#header-name a:hover {color: #333333;}
#header-description {display: none; margin: 0px auto; }
body {
background-color: black !important;
background-image: url("
http://img.photobucket.com/albums/v318/jayregee/blueblack.jpg") !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
background-position: 2% !important;
}
.designed-widget { display: none; }
a:link,
a:visited,
a:hover,
a:active {
text-decoration : none;
}
#container-inner, #header-inner {
width: 920px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 750px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 620px; /* Width of #alpha minus 40px margins*/
}