I have a layout in which there are three columns all stacked by floating to the left. In the inner div, I have 4 columns in which three columns are floated left, 1 floated right. This results in not being able to select any text. If I remove the float, I’m able to select things but it messes up the layout.
The page can be found here: http://2006scape.com/services/hiscores
What I’ve tried: I’ve tried changing the z-index on various divs, checking all float to see if there were any conflicts and I’ve been unable to locate the problem.
The inner layout should be done with a table. A ranking table is tabular data.
Tables are not all evil you know…
Live Example