Problem with menu layout, firefox, mac only

[outomyelement]

Ok, here's my website:

www.sustainablelogic.com/index1.html

When I open it up in the latest version of IE and firefox on PC it works great. It also works great on Mac with Safari. the problem is Firefox on Mac will push the menu images over a couple of pixels so the last menu item on the far right drops down behind the background image, one space below the menu.

Is there something I can do like clear the line before the menu, that would fix this problem?

Thanks!!!

[outomyelement]

bump... does anyone need any more information to help me??? My site is supposed to go live tomorrow!!

Thank you!!

[bluewalrus]

Kind of a work around. for some reason theres an extra pixel coming in. this seems to work...


#top, #footer, #main, #content, #container {style_rc...ntain.css (line 24)
margin:0 auto;
width:851px;
}

[outomyelement]

AWE-SOME!

I had to edit the rcontent to add some space as well as the top image, but it works perfectly! Thank you so much! Going live today.

[outomyelement]

Now i'm getting a problem in safari with this page:

http://www.sustainablelogic.com/pfarms.html

The top two gallery images do not display correctly on a Mac with Safari, but good with firefox and ie.

?

:)

Thanks!

[bluewalrus]

fiddle with this a bit i think will work


<div id="gallery" style="z-index:2000;">
<div style="float:left;">Image Gallery</div><ul style="clear:both;">
<li>
<a class="gallery slidea" href="#nogo">
<span>

[outomyelement]

AGAIN, AWESOMELY THANK YOU THANK YOU!:D

One more ? :):confused:

For some reason i'm getting underlines on the index page (css) when I hover over the image, in the box that appears. I thought I had fixed the problem, for example, if you navigate to the pfarms.html page, there's no underline in the div that appears when you hover over the text-based links. Am I missing something in the CSS??

Bluewalrus, you are the man. Thanks again.:D:D

[bluewalrus]

For some reason its adding it by default so this should clear it.

*{ margin: 0px; padding: 0px; text-decoration:none; }*

[outomyelement]

forgive me for being naive, but what element does that go under?

[bluewalrus]

the * which means default its your first declaration. Other styles overwrite it if they conflict but for browser standards it defines in.

[outomyelement]

worked perfectly, thank you! Do you have any links to websites that you've built so I can check them out?

[bluewalrus]

hmm this is my most recent I think... http://www.travelinchucks.com. There's some older ones but they haven't been updated in a while and are sloppier.