We are using the Nav Tab script written by Jacob Lukas. It works great except on Safari (PC and Mac). There are spaces between the tabs in Safari and we have been unsuccessful in getting rid of the space. We have changed the *width* variable with no change in the spacing.

One of the offending pages is...I am not allowed to post a URL. So try this:

www dot secondstreetlive dot com/?q=home/contacts

If you look at it in FF you can see how it is supposed to look.

Here is the JS code:

<script type="text/javascript">
var tabs = [
//first tab
//tab image when unselected
//tab image when selected
//tab data
'<a href="mailto:redacted@secondstreetlive.com" title="Email the Executive Director"><img src="sites/default/files/contacts_exec.png" width="611" height="272" /></a>'],
//second tab
'<a href="mailto:redacted@secondstreetlive.com" title="Email the Visual Arts Department"><img src="sites/default/files/contacts_visual.png" width="611" height="272" /></a>'],
//third tab
'<a href="mailto:redacted@secondstreetlive.com" title="Email the Box Office"><img src="sites/default/files/contacts_box.png" width="611" height="272" /></a>'],
//fourth tab
'<a href="redacted@secondstreetlive.com" title="Email the Sound Engineer"><img src="sites/default/files/contacts_sound.png" width="611" height="272" /></a>']];
//you can have more tabs if you want

//if you have empty space between your tabs, adjust this to a lower number
var width = 10;

function preloadImages() {
for (var y = 0; y < 2; y++) {
for (var x = 0; x < tabs.length; x++) {
image = new Image();
image.src = tabs[x][y];
var visual = new Image().src = 'sites/default/files/contacts_visual.png';
var box = new Image().src = 'sites/default/files/contacts_box.png';
var sound = new Image().src = 'sites/default/files/contacts_sound.png';

function drawTabs() {
document.write("<table width=612 cellspacing=0 cellpadding=0 border=0><tr>");
for (var x = 0; x < tabs.length; x++) {
document.write("<td width="+width+"><a href='javascript:switchTab("+x+")'><img name='tab"+x+"' border=0 src="+tabs[x][0]+"></a></td>");
document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(tabs.length+1)+">");
document.images["tab0"].src = tabs[0][1];

function switchTab(tab) {
for (var x = 0; x < tabs.length; x++) {
if (x != tab)
document.images["tab"+x].src = tabs[x][0];
document.images["tab"+tab].src = tabs[tab][1];
document.getElementById("currentTab").innerHTML = tabs[tab][2];



Thank you.