I have (I think) used the same device on the “about” page: www.swiftecology.co.uk/about.php but I’m getting white space after the text once opened up - it disappears when I open another section though then that section has the whitespace.
Perhaps there’s a missing line of code or an errant full stop but I can’t see it.
This is a css issue and your ‘clearfl’ rule is causing the problem.
Because your left column doesn’t create a new block formatting context then any clear properties you apply to elements in that div will have to clear any floats earlier in the html which in this case means the ‘clearfl’ will clear your right floated column. If you run your code you will see that is exactly what happens and the next item is below the right floated columns bottom.
These days you should not need extra elements to clear floats anyway but that is a question for another post.
The easiest solution to your problem is to float the left column as well. You already have given it a width so you may as well float it also and then any clear properties will be confined to inside that left column as floats create new block formatting contexts and the clear will only apply inside that block.
