Hi there, I started css about 3-4 days ago and I have a css script for my web page however when i load it up on google chrome,firefox, or safari my links dont work as they are about 10pixels above the text and last for about a pixel in hieght
My body and navigation bar css is:
Live example: http://valiantflight.comlu.com/261/index.php
body {
background-color: rgb(0, 84, 147);
font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif;
margin-top:12px;
font-size: 12px;
position:relative;
left:-10px;
top:-2px;
}
#container {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
word-wrap:
break-word;
background: #FFFFFF;
text-align: left;
width: 700px;
}
#navbar {
float: right;
padding-top: 8px;
padding-bottom: 8px;
padding-right:15px;
}
#navbar a {
text-decoration: none;
font-weight:none;
font-family: 'HelveticaNeue', 'Helvetica Neue', 'arial', sans-serif;
font-size: 13px;
padding:8px;
font-weight:700;
color: #666666;
}
#navbar a:hover {
color: #999999;
}
If anyone can help me it would be great, Please if you can ammend the problem be sure to point out where i went wrong for future reference.
Thanks,
Blink359