Safari Column Issue

HTML & CSS
1

Hi All,

I have a bit of a problem on my site with only Safari users and being a novice, cannot work out why.

The drop down menu is overlapping the columns, not separating them as it does in all the other browsers.

Could anyone point me in the right direction? :slight_smile:

Strike & Hook - South Australia’s Online Fishing Resource

2

Hi Aarron,

Welcome to the Sitepoint Forums! :slight_smile:

You need to set a width on those floated divs. That should fix it.

3

As mentioned above a width here should fix safari.


div.maximenuCKH div.maximenuCK2 {
  float:left;
  margin:0;
  padding:0;
  [B]width:180px;[/B]
}

You should also remove the height from the nested anchor or when text wraps it will spill out.

4

Thank You!

Worked perfectly :slight_smile: