So, since I have been playing around with HTML/CSS more, I could update the page! It is now better. I should check on why the div is auto-resized to full body width, though.
Now the dropdown menu is rendered on top of the text. This is done through CSS positioning of relative for the main choice (the button to make the menu visible) and absolute for the list. Need to workout how not to leave a gap between the button and the list, but it will be quite difficult and I will do it when I have time to do it. UPDATE: I found out that the problem with it is the Github CSS. I tried to override everything, but it seems that there is a problem with the user agent stylesheet from Chrome (webkit), which I checked on StackOverflow and tried everything with no yield. The clean code would works perfectly though. If you could help me on the matter, could you contact me (probably through comment on my blog or Github Issue)? Thanks!
Well, It's not pretty or anything. I just tried to make the dropdown menu works. :)
I still need to work on how to render the dropdown menu on top of everything else, though.