| Daniel Hammond wrote:
| > URL: www.objectivedesigns.com/amittius/index.htm
| > CSS: www.objectivedesigns.com/amittius/index.css
| >
| > why does Safari display it incorrectly while all
| the others
| > display it correctly?
|
| Hi Daniel--
|
| Try this:
| #nav {
| font-family: "Trebuchet MS";
| margin: 0;
| padding: 0;
| width: 750px;
| /* height: 28px; REMOVE */
| background: #886;
| font-size: 13px;
| font-weight: bold;
| color: #fff;
| text-align: center;
| }
| #nav a, #nav strong {
| display:inline-block; /* ADD */
| padding: 2px 25px 3px 25px;
| border: 1px solid #eee;
| border-bottom: 0;
| color: #fff;
| text-decoration: none;
| position: relative;
| }
|
| That should work for all browsers with your current code.
| Safari wasn't
| the only one incidentally...Firefox 3/Ubuntu was showing it
| the same as
| Safari...with the extra spacing produced from the height
| setting on your
| #nav element.
|
| Hope it helps.
| --Bill
Thanks Bill. That did help. Now could anyone please test it on a mac, just
to make sure it's working well there, too? Thanks much.
Daniel
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
