
January 31st, 2005, 01:22 AM
|
|
Registered User
|
|
Join Date: Jan 2005
Posts: 4
Time spent in forums: 12 m 30 sec
Reputation Power: 0
|
|
|
CSS Positioning
I'm rewriting my website, and I'm running into some problems, well, my last problem.
In Safari, when I view the page, it looks exactly how I want it, but when I view it in FireFox (mac), the width is rigiht, but the whole menu is moved over to the right, and when I view it in IE (mac), its all at the top left, so it only looks like there's one link.
Here's the CSS for the menu:
Code:
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #333333;
text-align: center;
vertical-align: top;
height: 25px;
margin: 0px;
}
.menu a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
vertical-align: top;
text-decoration: none;
background-color: #727272;
border: medium solid #333333;
position: absolute;
width: 100px;
margin: 0px;
}
.menu a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
vertical-align: top;
text-decoration: none;
background-color: #727272;
border: medium solid #333333;
position: absolute;
margin: 0px;
width: 100px;
}
Help is appreciated!
Thanks,
Ender
|