We have a header in tha page ansin that header, we have 4 options. When a user hovers mouse on any of options, a window pops up with links for that option
Below is the HTML code for one of header links
<a title="HOLIDAY IDEAS" class="dropdown-toggle" id="homeDropdown" href="/post-wow-en_GB/holiday-ideas/holiday-ideas.page" data-toggle="" data-hover="dropdown">
When a user hovers on this link, a drop down window appars with an image on left and links on right. user can select any of these links. One of the links is as follows
<a title="Explore all Holiday Types" class="dropdown-link" href="/post-wow-en_GB/holiday-ideas/explore-all-holiday-types.page">
The text of this link is overlapping the image on left.
This hapens for IE8. FireFos and Chrome, text appears fine and clear of image.
Secondly, this happens for index page only. If, I click on the link and go to linked page, linked page also has header. When I hover over options of this header and check titles of drop down windows, here text does not overlap image.
What kind of attribute is "data-hover" ? I have seen "hover" attribute, but not data-hover.
How to debug this issue ?