Hi I have a menu where all the menu button text is being replaced with images. For some reason, when the browser text is resized, the "menu bar text" images begin to move too....shifting to the right with each resize
As I am still very new to CSS, can someone tell me what I am doing wrong? many thanks abridged html: <div id="header"> <div id="menu"> <div id="pizzeria_topmenu_btn"> <a title="Bravo Pizzeria" href="../ pizzeria/">BRAVO PIZZERIA</a> </div> <div id="ferrara_topmenu_btn"> <a title="Ferrara Cafe" href="http:// www.ferraracafe.com/">FERRARA CAFE</a> </div> <div id="cucina_topmenu_btn"> <a title="Bravo Cucina" href="../ cucina/">BRAVO CUCINA</a> </div> </div><!-- close menu --> </div> <!-- close header --> abridged css: #header { position:absolute; width: 690px; height: 109px; margin: 5px 4px 5px 5px; background: url('../images/header.jpg') #957e4e; } #menu{ position:absolute; left:0px; top: 83px; width: 100%; height: 25px; } #menu a{ width:219px; height:25px; display:block; text-indent:9000em; background: url('../images/topbar_main_menu_nav_matrix.gif') no- repeat 0px 0px; } #pizzeria_topmenu_btn {position: absolute;left: 5px;} #pizzeria_topmenu_btn a:link, #pizzeria_topmenu_btn a:visited { background-position:0px 0px; } #pizzeria_topmenu_btn a:hover, #pizzeria_topmenu_btn a:focus {background-position:0px -25px;} ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/