Spacing problem with CSS

[hotwire]

as most of u guys know already

IE is very bad at CSS standard

so let's get on with this mess

i made this webpage at http://404.bizhat.com/site/index_1024.html

and everything displays fine in Firefox or mozilla series

however, stupid IE wouldn't let go of being stupid at displaying stuff without troubling u

i want to know how to fix the spacing issue for the menu on the left side of the page and the white bar at the bottom of the page

so here is a screenshot of what it's suppose to be. or being displayed by Firefox

here is the result of using Internet Explorer

[TheRealDave]

You'll have to define the padding number.. I cant tell you what to put without the code but it'll probably be padding on the list (if you used the list function). Pop that to zero and you should be fine..

[Dr.Jones]

your "display : block;" in class.box LI A {} means that a line break will be inserted between each elements. Line breaks are rendered differently in IE and firefox.

[hotwire]

  TheRealDave said:

You'll have to define the padding number.. I cant tell you what to put without the code but it'll probably be padding on the list (if you used the list function). Pop that to zero and you should be fine..

586209574[/snapback]

it u really looked at the code, u will see i did "pop" those padding numbers :blink:

  Dr.Jones said:

your "display : block;"  in class.box LI A {} means that a line break will be inserted between each elements. Line breaks are rendered differently in IE and firefox.

586209612[/snapback]

very appreciate for that explaination.

actually didn't know that. after erasing that state

it display almost perfectly in IE, however in Firefox it looks like a mess...jesus can't they get along

alright so here is what it looks like in firefox

[aitf311]

It is not showing up like that in firefox for me, it looks perfect. In your #heading, you need to add background-repeat:no-repeat; i have a resolution larger than 1024 and the backround started over in the right corner

[hotwire]

  aitf311 said:

It is not showing up like that in firefox for me, it looks perfect. In your #heading, you need to add background-repeat:no-repeat; i have a resolution larger than 1024 and the backround started over in the right corner

586210500[/snapback]

yea i fixed that at work yesterday

here is the new one.

http://404.bizhat.com/site/1024.html

however, i discovered this weird spacing problem with IE yesterday

if u open this up in IE. there will be a weird gap at the right side of the page :wacko: :wacko: :wacko: and that makes me nuts. because nothing seems to be the problem.