Hi I was hoping if someone can help me with an issue I am having in Safari. Basically I have created a websiteIf you look on the top menu at the navigation bar, there is word and letter spacing in Google Chrome, IE, Firefox and Opera. However, when opening this website in Safari, there is no word spacing. Here is the code copy and pasted on the bottom: \[code\] <nav id="top_menu"> <ul> <li><a href="http://stackoverflow.com/questions/15469422/home.html">Home</a></li> <li><a href="http://stackoverflow.com/questions/15469422/services.html">Services</a></li> <li><a href="http://stackoverflow.com/questions/15469422/destination.html">Destinations</a></li> <li><a href="http://stackoverflow.com/questions/15469422/products.html">Products</a></li> <li><a href="http://stackoverflow.com/questions/15469422/contact.html">Contact</a></li> </ul> </nav>\[/code\]And here is the CSS for this code:\[code\]#top_menu { margin-left:170px; letter-spacing:1px; word-spacing:50px;}#top_menu li { display:inline-block; list-style:none; padding:5px; font:bold 14px Tahoma, Geneva, sans-serif; position:relative; bottom:40px;}#top_menu li a { border-bottom: none; }#top_menu a { color:#FFF; text-decoration: none; border-bottom: 1px solid #7ac000; padding-bottom: 2px; }#top_menu a:hover { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; }#top_menu a:active { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; position: relative; top: 1px; }\[/code\]