I've got a weird problem with the layout of the standard LH menu bar in a site I'm developing at www.footmarkcustomer.co.uk.
On my machine's standard browsers (IE7, Firefox, Safari) everything's fine and the menu looks as intended (see below)
However, on my customer's machine running, I think, IE 6 it looks like this:
I've had a look at the source code and it seems like a quite reasonable table with lists and divs, e.g.
The corresponding css styles from the Actinic stylesheet are:
Can anybody give me any insight into why I'm getting this effect? Any help greatly appreciated!
On my machine's standard browsers (IE7, Firefox, Safari) everything's fine and the menu looks as intended (see below)
However, on my customer's machine running, I think, IE 6 it looks like this:
I've had a look at the source code and it seems like a quite reasonable table with lists and divs, e.g.
Code:
<div class="greyline"><img src="acatalog/theme_shim.gif" height="1" width="1" alt=" " /></div> <ul class="products"><li> <a href="acatalog/Chossing_Where_to_Study.html" class="product_section"> Where to study </a> </li></ul>
Code:
ul.products { line-height: normal; font-size: <actinic:variable name="StandardFontSize" />; color: <actinic:variable name="RequiredColor" />; list-style-type: none; list-style-image: url(shim.gif); margin: 0px 0px 0px 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 4px; padding-left: 10px; border-left-width: 6px; border-left-style: solid; border-left-color: #e71e16; border-right-width: 2px; border-right-style: solid; border-right-color: #e3e3e3; } a.product_section:link { color : #636363; text-decoration : none; }
Comment