Sorrry about my bad english…
Here is my online site with which I have a problem (after all tests of browser and platform PC / MAC) with IE7: http://www.cruisingpartner.com
Apparently, IE7 should have a bug in the alignment of blocks or lists. everything works properly in other browsers …
The following excerpt from the CSS menu that has been modified …
# Ja-mainnav (ul.menu
border-right: 1px solid # 555555;
margin: 0;
padding: 0;
text-align: center;
)
# Ja-mainnav li (<— delete any statement
)
# Ja-mainnav li (ul.menu
display: inline-block;
Background: none repeat scroll 0 0;
cursor:pointer;
list-style: none none Outside;
margin: 0;
padding: 0;
position: relative;
)
… We advance in thinking and the property display: inline-block; # ja-mainnav of ul.menu li is not recognized by IE 7 …
… More … horizontally to align the menu and get a result equivalent to the display: inline-block; a conditional comment in the head of the index.php template JA Purity:
<!–[ If lte IE 7]>
<style type=”text/css” media=”screen, projection “>
# Ja-mainnav li (ul.menu
display: inline;
zoom: 1;)
)
</ Style>
<! ->
… now sub-menus are misplaced …
… Continued and still no solution …
IE recognizes that hover pseudo-class for the tags A and so I thought that by applying the CC head of index.php from JA putity this:
. Body (
behavior: url (“http://www.cruisingpartner.com/csshover3.htc”);
)
with a link to the file csshover.htc, downloaded here: http://www.xs4all.nl/ ~ peterned / csshover.html # changes
and of course put on my server before …
And nada!
The submenus are present at all times and when I fly over the menus they appear in offbeat …
Solutions?