# CSS - display property giving me a headache

**URL:** https://forum.kirupa.com/t/css-display-property-giving-me-a-headache/295880
**Category:** web dev
**Created:** [September 6, 2009, 5:10pm UTC](https://forum.kirupa.com/t/css-display-property-giving-me-a-headache/295880 "2009-09-06T17:10:58Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![wheatleyweb](https://avatars.discourse-cdn.com/v4/letter/w/53a042/32.png) [@wheatleyweb](https://forum.kirupa.com/u/wheatleyweb)
#### Post date: [September 6, 2009, 5:10pm UTC](https://forum.kirupa.com/t/css-display-property-giving-me-a-headache/295880/1 "2009-09-06T17:10:58Z")

</div>

OK. I’m sure I’m missing something very simple, but I’m loosing hair over here. Please help.

I have a navigation list where I set the the links to… here’s the code…

```auto
#siteNav { position:absolute; width:140px; top:120px; left:-140px; text-align:right; line-height:1.7em; font-size:16px; }
#siteNav ul { list-style:none; }
.border { border-bottom:1px dotted #666; }
#siteNav a:link, a:visited { display:block; padding:1px 9px 1px 1px; color:#422f4f; text-decoration:none; }
#siteNav a:hover, a:active { padding-right:5px; background-color:#c4b8cc; color:#fff; border-right:4px solid #422f4f;}

```

This works fine for the siteNav list.

However, it seems that no matter how I try and reset the display property, or where I place the navigation (before or after the main content), the “a” links throughout the site inherit the display:block, and the text color?

```auto
a:link, a:visited { display:inline; color:#dfc9e1; text-decoration:none; border-bottom:1px dotted #dfc9e1; }
a:hover, a:active { color:#fff; }

```

Am I just missing something simple here?

You can see what I mean here…  
[http://jason-and-katie.com/gallery.php](http://jason-and-katie.com/gallery.php)

Thanks,

wheatleyweb