CSS3가 IE에서만 안되네요 왜그런지? 채택완료
더블피디
10년 전
조회 2,847
CSS 메뉴가 상당히 멋지게 만들어진것들이 많은데요,
크롬, 사파리, 파이어폭스 등에서는 아무런 문제없이 잘되던데
웹페이지에 적용하려는데 IE에서만 잘안되더라구요.
IE에서 아래와 처리되도록 할 수 있는 방법 어떤것이 있을지?
IE를 무시하기엔 너무 글씨가 안보여서
HTML
</p><p><head></p><p> <link rel="stylesheet" type="text/css" href="./css/menu.css"/></p><p></head></p><p> </p><p><ul id="menu-bar"></p><p> <li><a href="#">Products</a></p><p> <ul></p><p> <li><a href="#">Products Sub Menu 1</a></li></p><p> <li><a href="#">Products Sub Menu 2</a></li></p><p> <li><a href="#">Products Sub Menu 3</a></li></p><p> <li><a href="#">Products Sub Menu 4</a></li></p><p> </ul></p><p> </li></p><p> <li><a href="#">Services</a></p><p> <ul></p><p> <li><a href="#">Services Sub Menu 1</a></li></p><p> <li><a href="#">Services Sub Menu 2</a></li></p><p> <li><a href="#">Services Sub Menu 3</a></li></p><p> <li><a href="#">Services Sub Menu 4</a></li></p><p> </ul></p><p> </li></p><p> <li><a href="#">About</a></li></p><p> <li><a href="#">Contact Us</a></li></p><p></ul></p><p>
CSS
</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">margin</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">padding</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>height<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">34px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>line-height<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">100%</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">24px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">24px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">24px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">box-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#666666<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">2px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">2px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">3px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#666666</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">-moz-box-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#666666<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>background<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#8B8B8B</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -webkit-gradient<span style="font-kerning: none; color: #666600">(</span>linear<span style="font-kerning: none; color: #666600">,</span> left top<span style="font-kerning: none; color: #666600">,</span> left bottom<span style="font-kerning: none; color: #666600">,</span> from<span style="font-kerning: none; color: #666600">(#</span>A9A9A9<span style="font-kerning: none; color: #666600">),</span> to<span style="font-kerning: none; color: #666600">(#</span><span style="font-kerning: none; color: #006666">7A7A7A</span><span style="font-kerning: none; color: #666600">));</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -moz-linear-gradient<span style="font-kerning: none; color: #666600">(</span>top<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#A9A9A9</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#7A7A7A</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">border</span><span style="font-kerning: none; color: #666600">:</span> solid <span style="font-kerning: none; color: #006666">1px</span> <span style="font-kerning: none; color: #006666">#6D6D6D</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar li <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">margin</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">padding</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>6px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">float</span><span style="font-kerning: none; color: #666600">:</span> left<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">position</span><span style="font-kerning: none; color: #666600">:</span> relative<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>list-style<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-weight<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> bold</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-family<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> arial</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-style<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> normal</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-size<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">12px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">color</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>#E7E5E5<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>text-decoration<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> block<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">padding</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>8px<span style="font-kerning: none; color: #323333"> </span>20px<span style="font-kerning: none; color: #323333"> </span>8px<span style="font-kerning: none; color: #323333"> </span>20px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>margin<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">text-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#000000<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #666600">.</span>active a<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>hover <span style="font-kerning: none; color: #666600">></span> a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>background<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#0399D4</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -webkit-gradient<span style="font-kerning: none; color: #666600">(</span>linear<span style="font-kerning: none; color: #666600">,</span> left top<span style="font-kerning: none; color: #666600">,</span> left bottom<span style="font-kerning: none; color: #666600">,</span> from<span style="font-kerning: none; color: #666600">(#</span>EBEBEB<span style="font-kerning: none; color: #666600">),</span> to<span style="font-kerning: none; color: #666600">(#</span>A1A1A1<span style="font-kerning: none; color: #666600">));</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -moz-linear-gradient<span style="font-kerning: none; color: #666600">(</span>top<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#EBEBEB</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#A1A1A1</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">color</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>#444444<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">1px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">1px</span><span style="font-kerning: none; color: #323333"> rgba</span><span style="font-kerning: none; color: #666600">(</span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">.2</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">1px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">1px</span><span style="font-kerning: none; color: #323333"> rgba</span><span style="font-kerning: none; color: #666600">(</span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">.2</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">box-shadow</span><span style="font-kerning: none; color: #666600">:</span> <span style="font-kerning: none; color: #006666">0</span> <span style="font-kerning: none; color: #006666">1px</span> <span style="font-kerning: none; color: #006666">1px</span> rgba<span style="font-kerning: none; color: #666600">(</span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">.2</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">text-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#FFFFFF<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>hover a<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>hover li a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>background<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">border</span><span style="font-kerning: none; color: #666600">:</span> none<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>color<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#666</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> none</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul <span style="font-kerning: none; color: #011688">a</span><span style="font-kerning: none; color: #666600">:</span>hover <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>background<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#0399D4</span><span style="font-kerning: none; color: #323333"> </span>!important<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -webkit-gradient<span style="font-kerning: none; color: #666600">(</span>linear<span style="font-kerning: none; color: #666600">,</span> left top<span style="font-kerning: none; color: #666600">,</span> left bottom<span style="font-kerning: none; color: #666600">,</span> from<span style="font-kerning: none; color: #666600">(#</span><span style="font-kerning: none; color: #006666">04ACEC</span><span style="font-kerning: none; color: #666600">),</span> to<span style="font-kerning: none; color: #666600">(#</span><span style="font-kerning: none; color: #006666">0186BA</span><span style="font-kerning: none; color: #666600">))</span> <span style="font-kerning: none; color: #011688">!important</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -moz-linear-gradient<span style="font-kerning: none; color: #666600">(</span>top<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#04ACEC</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#0186BA</span><span style="font-kerning: none; color: #666600">)</span> <span style="font-kerning: none; color: #011688">!important</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>color<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#FFFFFF</span><span style="font-kerning: none; color: #323333"> </span>!important<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">text-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>#FFFFFF<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>background<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#DDDDDD</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -webkit-gradient<span style="font-kerning: none; color: #666600">(</span>linear<span style="font-kerning: none; color: #666600">,</span> left top<span style="font-kerning: none; color: #666600">,</span> left bottom<span style="font-kerning: none; color: #666600">,</span> from<span style="font-kerning: none; color: #666600">(#</span>FFFFFF<span style="font-kerning: none; color: #666600">),</span> to<span style="font-kerning: none; color: #666600">(#</span>CFCFCF<span style="font-kerning: none; color: #666600">));</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">background</span><span style="font-kerning: none; color: #666600">:</span> -moz-linear-gradient<span style="font-kerning: none; color: #666600">(</span>top<span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#FFFFFF</span><span style="font-kerning: none; color: #666600">,</span> <span style="font-kerning: none; color: #006666">#CFCFCF</span><span style="font-kerning: none; color: #666600">);</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> none<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>margin<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>padding<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>width<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">185px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">position</span><span style="font-kerning: none; color: #666600">:</span> absolute<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">top</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>30px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>left<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">border</span><span style="font-kerning: none; color: #666600">:</span> solid <span style="font-kerning: none; color: #006666">1px</span> <span style="font-kerning: none; color: #006666">#B4B4B4</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-box-shadow<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">2px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">2px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">3px</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">#222222</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">-moz-box-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#222222<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">box-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#222222<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>hover <span style="font-kerning: none; color: #666600">></span> ul <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> block<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul li <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">float</span><span style="font-kerning: none; color: #666600">:</span> none<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>margin<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>padding<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">padding</span><span style="font-kerning: none; color: #666600">:</span>10px<span style="font-kerning: none; color: #323333"> </span>0px<span style="font-kerning: none; color: #323333"> </span>10px<span style="font-kerning: none; color: #323333"> </span>15px<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>color<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #006666">#424242</span><span style="font-kerning: none; color: #323333"> </span>!important<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-size<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #006666">12px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-style<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333">normal</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-family<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333">arial</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>font-weight<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> normal</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(0, 102, 102); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #011688">text-shadow</span><span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>2px<span style="font-kerning: none; color: #323333"> </span>3px<span style="font-kerning: none; color: #323333"> </span>#FFFFFF<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>first-child <span style="font-kerning: none; color: #666600">></span> a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-top-left-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-top-left-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius-topleft<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-top-right-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-top-right-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius-topright<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar ul <span style="font-kerning: none; color: #011688">li</span><span style="font-kerning: none; color: #666600">:</span>last-child <span style="font-kerning: none; color: #666600">></span> a <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-bottom-left-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-bottom-left-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius-bottomleft<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>border-bottom-right-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-webkit-border-bottom-right-radius<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>-moz-border-radius-bottomright<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">10px</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333">after </span><span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>content<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #008800">"."</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> block<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">clear</span><span style="font-kerning: none; color: #666600">:</span> both<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>visibility<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> hidden</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>line-height<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>height<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">0</span><span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> inline-block<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> html<span style="font-kerning: none; color: #666600">[</span>xmlns<span style="font-kerning: none; color: #666600">]</span> <span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"> <span style="font-kerning: none; color: #011688">display</span><span style="font-kerning: none; color: #666600">:</span> block<span style="font-kerning: none; color: #666600">;</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(50, 51, 51); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #666600">*</span> html <span style="font-kerning: none; color: #666600">#</span>menu-bar <span style="font-kerning: none; color: #666600">{</span></p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(1, 22, 136); background-color: rgb(247, 247, 249);"><span style="font-kerning: none; color: #323333"> </span>height<span style="font-kerning: none; color: #666600">:</span><span style="font-kerning: none; color: #323333"> </span><span style="font-kerning: none; color: #006666">1%</span><span style="font-kerning: none; color: #666600">;</span></p><p> </p><p style="font-size: 13px; line-height: normal; font-family: Menlo; color: rgb(102, 102, 0); background-color: rgb(247, 247, 249);">}</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인