Many Browsers' Problem-It bothers me

[likigoldenstar]

Hi,

I am a poor developer.

I made a split menu using html tag <Ul> and <LI>, but I have some problems..
I use the style property as followed by...

.li{
,,,,
display:block;
.....
}

But it works well in IE 6.0, but doesn't work well in IE 7.0 and Firefox.
I am very fretful because for menu.

Let's assume menu's structure are followed by:
//------------------------------------------------------------------------------------------------------------
In IE 6.0
menu is the same as:

#-- AAAA AAAAAAAA <-- first line in list item1
###AAAAAAAAAAA <-- second line in list item1

#-- BBBBBBB BBBBB <-- first line in list item2
###BBBBBBBBB <-- second line in list item2

But, in IE 7.0 and Mozila Firefox
menu is the same as:

#-- AAAA AAAAAAAA
AAAAAAAAAAA

#-- BBBBBBB BBBBB
BBBBBBBBB

symbol '#' is space. Space key is ignored in edit, so I replaced.

//------------------------------------------------------------------------------------------------------------
And then css is followed by:
div#othermenu li a{
height: 25px;
display: ;
line-height: 25px;
text-decoration: none;
color: #646464;
}
//------------------------------------------------------------------------------------------------------------
In above css file, if i replace the "display:" with "display:block", then double line of list item1 will be one line in IE 7.0 . That's second line in list item 1 will be piled up to first line in list item2.

My attachment zip file consists of two:
IE7.0-menu-1.jpg: "display:"
IE7.0-menu.jpg: "display:block" (menu is only ok in IE 6.0)

So, menu breaks our hompage...

I think you have no time to take care of me, but please help me....


Regards/

[drhowarddrfine]

Remove the 'dot' before the li.

Never use IE as a reference to how things should work, especially IE6.

Without a link or the complete markup, we can only guess at what is wrong; and a picture is not helpful.

[PeakConsulting]

there will always be problems with html/css used on different browsers :(

[drhowarddrfine]

Not necessarily. Typically, the only problems lie with all versions of Internet Explorer. If you write standard markup, it will usually work in all browsers, but sometimes hacks are needed to get IE to comply. Unfortunately, some people use IE as their reference and that is when they get into trouble.

[PeakConsulting]

Yes, and when you get IE to comply you get problems with other browsers and so on. the work with browsers takes a lot of a developer time