WIEEERD browser behavior 0_o

[Armondo]

ok, this is the last time i will bug you guys for a long while since i have cleared up all the rest of the problems in my layout....

page in question: http://flashanims.com

so first lets hit up ie6, (i really don't care much if my site displays bad in ie6 because Microsoft sent out a semi mandatory update to ie7 for all windows xp users....and i give clear warning) anyway, so roll over the "site menu" tab. see how right above the resources divider it repeats "pply" from the previous <li>...its wierd, even if i change any words in that list item around it always displays the last 4 letters! *twilight zone music*
that completely blows my mind, on the less freaky side....ie6 is also screwing up my tabs...it is putting 2px of space between the tabs even though they are spaced by 1px. very annoying....

now lets take a look at it in opera. now opera is acting very very strange. do you see the site menu tab? its ALL messed up. once you roll over it, it fixes momentarily...but goes back to being retarded in a second.

both of these problems totally blow my mind...i need help. thanks in advance!

[koyama]

It is a special triggering of the IE6 duplicate characters bug (http://www.positioniseverything.net/explorer/dup-characters.html) not mentioned in that article (or in any other sources I know of).

See an earlier thread: http://www.codingforums.com/showthread.php?t=113176

[_Aerospace_Eng_]

These are things you experience after doing this for a while.

The "ghost letters" are usually because of comments that are in between two floats though this doesn't seem to be the case for you. To fix this you need to add a negative 3px margin to the link that has View All / Apply in it.
<a href="/linkus.php" title="View all affiliates&lt;br/&gt; or apply for&lt;br/&gt; affiliation" style="margin-right:-3px;">View all / Apply</a>

As to the margins. IE6 has a double margin bug when you have a left margin set on an element floated left or vice versa for a float:right element. The key to this is to make the element display:inline. This has no effect on other browsers because technically an element floated can't display:inline, it automatically becomes display:block
#modernbricksmenu ul li a {display:inline;}

As to Opera the li's are floated so they only resize to the content in them however they allow wrapping. To get around this just use &nbsp; for the space in between the two words.
<a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, 'dropy')">SITE&nbsp;MENU</a>

[Armondo]

thank you thank you thank you! you just cleared up the last of my problems for my entire site! i had NO idea at all how to fix those things...i googled it multiple times, but everything came up with nothing relevant.

you wont hear from me for a long time i bet :D. thanks again!

btw aerospace, you never replied to my PM :(