CSS - 드롭다운리스트 메뉴위치 변경

- 문제

안녕하세요 !
일단 매번 좋은답변 주시는것에 대해 감사드리면서 질문한가지 드리겠습니다.

오늘의 질문은 css 드롭다운리스트 문제입니다.
msdn의 css드롭다운 메뉴를 만드는방법(https://msdn.microsoft.com/k…/library/jj160310(v=vs.85).aspx)을 보고 드롭다운 메뉴를 만들었는데, 화면 구성상 드롭다운 메뉴가 아래쪽에 위치하고 있어서, 서브메뉴가 아래쪽이 아닌 위쪽으로 올라오게 하고싶습니다.
(붉은색 동그라미가 현재상황, 푸른색 동그라미가 현재 원하는 것)

서브메뉴에 position:absolute를 주어서 top값과 left값을 주면 원하는 위치에 놓을수는 있는데, 절대값이라서 그런지 해상도마다 위치가 바뀌어서 이 방법말고 다른방법을 찾고있습니다.

드롭업리스트...? 같은게 있지않을까 싶어서 검색도 해봤지만... 음... 그런건 없는것 같네요.
드롭다운리스트의 서브메뉴를 절대값을 주는 방법말고 위쪽으로, 혹은 원하는 위치에 둘수 있는 방법이 있다면 조언좀 부탁드립니다.

- 참고

http://stackoverflow.com/questions/7814186/drop-down-menu-that-opens-up-upward-with-pure-css

Drop-down menu that opens UP/upward with PURE CSS

I've created a drop down menu with pure CSS and I've gotten it to a place that I like EXCEPT I want it to be "drop-up" not d...

stackoverflow.com

 

- 링크

https://www.facebook.com/groups/codingeverybody/permalink/1387886444585221/