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/
