# CSS tab rollover problem

**URL:** <https://forum.kirupa.com/t/css-tab-rollover-problem/217015>\
**Category:** web dev\
**Created:** [February 22, 2007, 10:41am UTC](https://forum.kirupa.com/t/css-tab-rollover-problem/217015 "2007-02-22T10:41:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Novate](https://avatars.discourse-cdn.com/v4/letter/n/3bc359/32.png) [@Novate](https://forum.kirupa.com/u/Novate)\
**Post date:** [February 22, 2007, 10:41am UTC](https://forum.kirupa.com/t/css-tab-rollover-problem/217015/1 "2007-02-22T10:41:45Z")

</div>

I have 3 tabs which are done entirely in css, im trying to add rollover effect on each tab, but when i try to add this effect, i get something unexpected

attached is the html with the css file

and in the future how could i add drop down menu on each tab?

please help

thank you