okay, heres the problem:
i have:
[html]<!--site related navigation-->
<div id="mainnav">
<div id="title">
.site
</div>
<a href="">Home</a><br />
<a href="">Staff</a><br />
<a href="">Affiliates</a><br />
<a href="">Affiliation</a><br />
<a href="">Link to Us</a><br />
<a href="">Site History</a><br />
<a href="">Past Layouts</a><br />
<a href="">About</a><br />
</div>[/html]
And in my CSS file i have:
Expand|Select|Wrap|Line Numbers
- #mainnav a
- {
- width: 100%;
- background-color: #583D21;
- text-align:right;
- text-decoration:none;
- color: #CCCC99;
- }
- #mainnav a:link
- {
- width: 100%;
- text-align:right;
- }
- #mainnav a:hover
- {
- width: 100%;
- background-color: #000000;
- text-align:left;
- color: #FFFFFF;
- }
- #mainnav a:visited
- {
- width: 100%;
- background-color: #583D21;
- text-align:right;
- }
Just so you know the "mainnav" div is 200px wide so the link background should be 200px wide.
sorry if thats a bit hard to understand, this is my first post and im not really sure how to explain it.
is there something im missing? can anybody help me?