The issue is not with the chart, but with the CSS structure of the page. Since your menu uses a float:left, it does not affect sizing of the other block level elements you have on the page. Therefore your #chart_div div (where the chart is placed) is allowed to span the entire width of the page (although its contents will obviously respect the float and be arranged around it). Since the #chart_div is placed after the menu in the html structure of the page, it ends up sitting above the float, hence stealing the hover event. You can verify it by using Firebug or the Chrome element inspector to analyze the layout structure of the page.
You can fix it by adding 'margin-left: 7em' to your chart_div (or something equivalent), placing the chart_div inside a table (because the table will respect the float in its positioning) or marking the chart_div itself as float:left (hence forcing its left margin to not expand past the right margin of the menu). -- R. On 24 September 2011 22:33, Gavin <[email protected]> wrote: > I have a menu in a div which floats to the left of the chart. The menu > uses css hover to change colour when the mouse is over it. > This works unless it is on the same horizontal level as the chart. > See http://www.mythic-beasts.com/~gjamie/test.html > > This behaviour is the same in Firefox and Chrome. Surely the chart > code should not spill out of its div? > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
