tags:

views:

36

answers:

2

i am trying to create a sub navigation which is followed by seperator line (div with a bottom border) which acts as a visual cue.

but the line is appearing below the menu items. not sure how to get it right

http://jsbin.com/ijewi4

+1  A: 

I don't really like the hr element, i always use a div with a border-bottom.

That may work for you too.

Mario Cesar
ouch. i am using the same. to explain i mentioned it as hr :d will edit the post :D
Harsha M V
that changes it... i'll look into it.
Mario Cesar
+1  A: 

not sure about what you want to achieve but if you want to make the div "sit exactly at the bottom of the button tabs":

http://jsbin.com/ijewi4/3

bangbambang
cool.. thats what i wanted. what did u change :(
Harsha M V
basically when you put menu with padding, it make following divs moved up. if you check the code you'll find that padding 4 px = #clear 1px + #separator 3px. and you don't need to use z-index :)
bangbambang
:D thanks a lot
Harsha M V