ထူးဆန္းေထြလာ....ေတးသံသာ

.nav { height:35px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt_mvryzsr6tv0GFVWPdYqj5jIbSnhdNSwn-hMeiAYDAkNAdUrSSSqgZqiKvSP-7CN7R7QhN5coHu-v895eLZVA3Ydzw9EIQZCed-q-Z6PRLFVrfXk4JBAEg_x8WG3DCVdSRuplAKDrqiF/s1600/bg.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; width:100%; z-index:100; margin:0; padding:0; } .nav .table { display:table; margin:0 auto; } .nav .select, .nav .current { margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; } .nav li { margin:0; padding:0; height:auto; float:left; } .nav .select a { display:block; height:35px; float:left; font-weight:bold; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt_mvryzsr6tv0GFVWPdYqj5jIbSnhdNSwn-hMeiAYDAkNAdUrSSSqgZqiKvSP-7CN7R7QhN5coHu-v895eLZVA3Ydzw9EIQZCed-q-Z6PRLFVrfXk4JBAEg_x8WG3DCVdSRuplAKDrqiF/s1600/bg.gif); padding:0 30px 0 30px; text-decoration:none; line-height:35px; white-space:nowrap; color:#2b3238; } .nav .select a:hover, .nav .select li:hover a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UAi1oqJGOxgzu4oeI93aeNQL8znRkr7a1_KtUxBNscXIYJTzWGgrjvlkYQI4Z5w232Se48CllBiLQn_l0SxOD2iXwT5I_RNkqTR_CBHjdVU73xvQUdAfoxmq3nBevFVGIjpZvZ2xD1Mc/s1600/hover.gif); padding:0 0 0 15px; cursor:pointer; color:#2b3238; } .nav .select a b{ font-weight:bold; } .nav .select a:hover b, .nav .select li:hover a b { display:block; float:left; padding:0 30px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UAi1oqJGOxgzu4oeI93aeNQL8znRkr7a1_KtUxBNscXIYJTzWGgrjvlkYQI4Z5w232Se48CllBiLQn_l0SxOD2iXwT5I_RNkqTR_CBHjdVU73xvQUdAfoxmq3nBevFVGIjpZvZ2xD1Mc/s1600/hover.gif) right top; cursor:pointer; } .nav .select_sub { display:none; } /* IE6 only */ .nav table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; } .nav .sub { display:table; margin:0 auto; padding:0; list-style:none; } .nav .sub_active .current_sub a, .nav .sub_active a:hover { background:transparent; color:#2b3238; } .nav .select :hover .select_sub, .nav .current .show { display:block; position:absolute; width:100%; top:35px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6q12JU2Xewn7BmBiI61Pmn9kThIaJKAzMaPac7w3yKG6daEg8NWAaC5oHyVqddSS9kPAEbzyRQfR_-Kq-gsQA3cHvzkZAXVwUBAW5RdTFFqtJ1dYJQMbcyD6pLDFJBlByKPtcJ9pJhpG/s1600/back.gif); padding:0; z-index:100; left:0; text-align:center; } .nav .current .show { z-index:10; } .nav .select :hover .sub li a, .nav .current .show .sub li a { display:block; float:left; background:transparent; padding:0 10px 0 10px; margin:0; white-space:nowrap; border:0; color:#2b3238; } .nav .current .sub li.sub_show a { color:#2b3238; cursor:default; } .nav .select .sub li a { font-weight:normal; } .nav .select :hover .sub li a:hover, .nav .current .sub li a:hover { visibility:visible; color:#73a0d2; }