stupid padding stupid border!

[moscarda]

i cant figure out why there is a 1px space between the top of the window and this menu i'm working on. its noticeable especially because it dissapears when you mouse over it. i've checked my css file again and again, and can't figure what is causing it. please help!

www.moscarda.com/menu

[Snookerman]

I checked in Fx and IE and I don't see any space. Which browser are you using? Can you post a screenshot?

[moscarda]

I checked in Fx and IE and I don't see any space. Which browser are you using? Can you post a screenshot?

I am using FF for mac. here is a screenshot, zoomed @ 500%, the image on the left is normal state, and the image on the right is onmouseover.

http://moscarda.com/menu/capture.png

[Snookerman]

Sorry but I don't see that, I have Fx 3.0.6 on Win XP. You can upload your page to browsershots (http://browsershots.org/) to see if other people get the space. Looking at the code though, there is nothing that should cause that.

Good luck!

[bluewalrus]

This is flock and firefox does it also. This shows the text zoomed to show it more detailed. http://www.screentoaster.com/watch/stV0xdQ0VLRl9eQ1laWF9Y/showit

[moscarda]

thats cool, i've never seen flock before... but i'm confused if you found a fix or were just confirming that you see the space as well?

[Nile]

May I ask why you're using a table? This could be causing a problem...

[moscarda]

i couldn't figure out how to center the menu without a table, when i center the menu with css, it breaks the menu and makes it vertical. i know that i just need to use a different css code, but i couldn't figure it out and this was the quick fix.

can you help me do it in css so i can get rid of the table?

[Nile]

Ok. Put it in a div, and give that div a width, and margin: 0 auto. You cannot center something in css without a width.