Problem with FF but not with IE 1

[ASPVBNerd]

If I view this link

http://www40.brinkster.com/aspvbnerd/default.asp

with FireFox the search menu is coming over the toplogo.

If I view it with Internet Explorer then the site is being displayed exactly as it should.

Could someone help me fix this problem with FF

 

[johnwm]

The problem isn't with FF - it's with IE. Have a look at your site through a validator first, fix those issues and then see what remains.
See:

http://validator.w3.org/check?verbose=1&uri=http://www40.brinkster.com/aspvbnerd/default.asp

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller

 

[Vragabond]

Your #toplogo has a height of 10px. Now looking at what you claim is what it should look like, you want to have height much bigger than 10px. FF is consistent with what you claim in the stylesheet and renders toplogo at 10px. IE tries to guess what you wanted and extends the logo. Get right of the height and things will look much better.

 

[ASPVBNerd]

Vragabond; Thank you very much for the help?

It would have taken me day's to solve this problem. I am very thankful for the help.

I removed the height and it works perfect now.

#toplogo	{
	background: #ffffff; width:730px; 
}

Could you also help how to get the search menu and the Product menu at the same line?

Hope you understand what mean by that.

George

 

[johnwm]

And you've managed to reduce validation errors from 17 to 13!

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller

 

[ASPVBNerd]

I just can't understand why it complains at these lines.

Line 1
</div><br/>

Line 5
...40" onmousemove="tip('Cool Javascript<br />Programmed by: Mel Maranan');" onm

Line 13
<input type="text" size="15" name="email" />

 

[Vragabond]

I think what your problem is that you rely on the <br /> element to provide the break between boxes and that is rendered differently across browsers. I would suggest you remove the <br /> between the containers and put say [tt]margin-top: 9px;[/tt] on the .container element. Since #toplogo is offset 5px from the top and is 96px high, it ends at 101px. 101px + 9px of top margin is 110px where the .container on the left begins. So if you give top: 110px to your #headmenu, that should make it pixel perfect.