수다닷컴

검색만 두시간하다 질문글 올려봅니다. ㅠㅠ 도저히 혼자서는 답이 안나와요 ㅠㅠ

최상위에 있는 부모요소(div)가 300px로 크기가 정해져있고
그 밑에 li와, dl이 자리하고 있습니다.

li에는 하이퍼링크가 걸린 텍스트가 자리하고 있고 이 li에 마우스오버를 하게되면 dl이 나타나는 방법입니다.

(간략하게 구조화 하자면.. 아래와 같습니다)
div style=width:300px;
ul
li style=position:relative;
a href=#메뉴01/a
dl style=width:100%; position：absolute; top:10px; left:10px;나와라뿅!/dl
/li
ul
ul
li style=position:relative;
a href=#메뉴02/a
dl style=width:100%; position：absolute; top:10px; left:10px;나와라뿅뿅!/dl
/li
ul
/div
나와라뿅! 이라고 적혀있는 dl요소의 가로값이 100%라고 되어있는데요..
이때에는 부모요소(div)의 크기 300px에 영향을 받아서 100%라고 지정해주어도 300px로밖에 나오질 않더라구요.

혹시 부모요소의 크기에 영향을 받지 않고, 또 px 단위를 사용하지 않고 dl의 크기를 100%로 줄 수 있는 방법이 있을까요?

(고정된 px 크기를 사용하면 저도 이렇게 큰 고민안하고 편하겠지만.......
개발 붙고 나서 dl의 가로 넓이는 가변적으로 변해야 한대요ㅠ 개발자가 자기는 그 크기를 가변적으로 변하게 프로그램화 시켜줄수 없으니 저더러 해결하라고 하는바람에 어제 오후부터 이문제에만 매달리고 있는데 도통 답이 안나오네요 ㅠㅠㅠ)

신청하기