Safari on Mac Users - advice needed

[autopost]

help!

<!-- m --><a class="postlink" href="http://www.solocc.com">http://www.solocc.com</a><!-- m --> - my navigation buttons (and buttons in general) look dreadful as opposed to other browsers on PC/Mac. they should be consistent in height/width when the the mouse rolls over them.

this is what i have in my stylesheet...

/* Buttons */
#button_navigation {
color: #000000;
text-decoration: none;
text-align: center;
vertical-align: middle;
background-color: #D1D080;
margin: 0px;
padding: 0px;
border: 0px;
width: 114px;
}
#button_navigation a {
color: #000000;
text-decoration: none;
margin: 0px;
padding: 5px;
border: 0px;
width: 114px;
}
#button_navigation a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #E9E8B4;
margin: 0px;
padding: 5px;
border: 0px;
width: 114px;
}


i use <div id="button_navigation"></div> - as i mentioned it seems to work well on all other browsers?

any enlightenment on this would be appreciated (the client loves safari).

mikeDefine the height.

Default height is auto. You pays your money and you takes your chances.

Also, display:block; may help a lot. Oh, and BOOOOOOO!!!!

<div align="center">