All you need to do is either shift the html version of the text off the screen or use z-index to put it bellow the flash. You can fix this with a few lines of css, definitely worth the effort. Since the banner changes color and text the html version not only is offset but is also not the same text making impossible to read on FF.
This is the bit of css that you need to work with to manage the html version of the banner text:
#banner .list {
position: absolute;
width: 500px;
top: 86px;
left: 56px;
}
#banner .list li {
height: 22px;
line-height: 22px;
background: url(../images/dot_bg.png) no-repeat 0 center;
padding-left: 15px;
font-size: 14px;
}
#banner .info {
width: 450px;
display: block;
position: absolute;
top: 160px;
left: 65px;
}
The best way to deal with this will depend on your reasons for wanting the html version of the text. If it is for printing the page you can use display:hidden; and have a print style overwriting the hidden screen style. If it is for SEO, then you can indent the text off the screen text-indent: 9999px;. Or set .list and .info to z-index:-1; to simply put it behind the flash (or give the flash div a positive z-index).
Very nice site, great work. You could offer a special hosting package with modx setup support
☆ A M B ☆
