[RESOLVED] IE7/FF2 issue

[CascadingIdiot]

Hello,

I have an image and a div with a border-top that aren't playing nice w/ff2. It was built in IE6, looks fine in IE7, but FF2, the image covers the border-top.

HERE (http://www.freelanceviking.com/Site!/catering.html)

Style is embedded. Div is #pnav and image is the title .menuCONTENT img

Thanks

[Centauri]

A relative position on the <ul> will display it on top rather than behind the image :.menuCONTENT #pnav {
margin-top:-3em;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:9px;
border-top:1px solid black;
width:350px;
position: relative;
}

Of course, if the image itself didn't have the large blank area below the text, then the negative margin would not have been needed.

[drhowarddrfine]

It was built in IE6, looks fine in IE7, but FF2, the image covers the border-top.Hence your problem. Never, ever use IE as a reference for how things should work. It is 10 years behind modern web standards and wrong in its implementation. Always, always use any other browser to initially test your markup. Then look to see how IE butchers it. But the hacks to fix IE are known. See the links in my sig for further information.

[CascadingIdiot]

Thanks Centauri, and dr.fine. FF then IE is my normal workflow, I'm taking classes at a place that only has ie6, so that's all I had... thanks again.

[Greyfish]

I'm taking classes at a place that only has ie6
You need to find some better classes then, haha...just kidding!

[CascadingIdiot]

Ok, new problem. I've tested your suggestion back in ie6, and now
.menuCONTENT #pnav does not scroll with the rest of the content.

[WebJoel]

A really good place to start is to correct these errors if they have not bee already: see screenshot image

(that food thing looks awesome, btw...)

[CascadingIdiot]

Thanks WebJoel. I haven't done any validation yet, what are you using for validation? FF plugin?

I answered my own question on the last post. position:fixed; seems to do the trick. Now I have to test it on FF when I get home.