Table/Div errors in IE

[FireFly]

(This is my first post here.) I'm working on a web layout for my personal web page. I havn't had any problems with coding the layout before, but now I've got this problem in Internet Explorer that the menu gets higher than meant, repeating my background image. This generates a extra "bar" below the real menu. The bar itself is quite annoying, if just for the fact that it looks entirely different in FireFox/Opera than in Internet Explorer, but the real problem is for the image used on the menu buttons when they're being pressed. The button moves one pixel down, leaving a white bar above the button (This is done manually with a separate image). However, that also renders a white line below the real button, where the extra "bar" would go.The page in question can be found at www.firefly.nu/demo. (My description wasn't really clear, but I don't really know how to describe it..)Compare the look of the page in IE and in Fx/Opera.Edit: Thanks in advance! :)Edit 2: I'm not sure with IE 7, but I want to support IE 6, so that's what I mean when I mention Internet Explorer.

[hgmme@wa]

This shouldn't affect your page any, but you should make all the coding into lower case.

[FireFly]

Oh, well, it mostly is? And should I have lowercase letters even in the file names? (I.e. the src of an <img> tag.)

[Synook]

And should I have lowercase letters even in the file names? (I.e. the src of an <img> tag.)

You should copy the filename exactly. If it is IMAGE.GIF, then src="IMAGE.GIF", if it is ImAgE.GiF, then src="ImAgE.GiF".

[FireFly]

Synook, thanks for confirming it. That was what I guessed, and also the way I've done it as far as I know.Still, the main problem persists.

[Guest Dragonsbrethren]

(This is my first post here.) I'm working on a web layout for my personal web page. I havn't had any problems with coding the layout before, but now I've got this problem in Internet Explorer that the menu gets higher than meant, repeating my background image. This generates a extra "bar" below the real menu.

Try adding margin-top: 0 and margin-bottom: 0 to the style used for the tag containing your background image. My site had a similar problem with IE and that fixed it.

[jlhaslip]

Looks fixed to me.

[FireFly]

Dragonsbrethren, thanks for the tip. Tried it, but I still seem to have the same problem.. Anyways, thanks for trying to help.jlhaslip, no? It still repeats.. :/Maybe as a temportairly solution; Css repeat background: no (I don't fully know the property name, but there should be some property that does that.) and then have a dark grey background below it.. It won't look completely right, but it's better than how it currently is.

[jlhaslip]

The height of the buttons is 24px and the height of the td with the background image is 100%. syggest changing the td height to 24px to see if that works in both Browsers?

[FireFly]

Okay, I tried that.. Still didn't help.I'm not really satisfied with it, but I made up a solution which fixes the main problem, that the white line gets repeated. However, the extra line still shows up in IE, and now it's only a design difference. Nothing buggish at least.Still, thanks for trying to help me.