CSS - Address Bar Icon

how can i change the icon that is displayed at the top of the browser(by default the broswer logo) and the icon that is displayed next to pages in favourites, so that my logo shows up there?

thanks

I am wanting to move the icons underneath the banner centered horizontally. Myself, and a buddy of mine have tried for nearly three hours and still can't get it to work. Can someone look at the code, and the site and see what's going on please?? Thanks.

Site: garou-motw.com

Code:

#kwick {
width : 100%;
align: center;
}
#kwick .kwicks {
background : transparent;
display : block;
height : 70px;
margin : 0;
padding : 0;
}
#kwick li {
float: left;
margin : 0;
padding : 0;
list-style : none;
}
#kwick .kwick {
display : block;
cursor : pointer;
overflow : hidden;
height : 70px;
width : 70px;
}
#kwick .kwick span {
display : none;
}
#kwick .opt0 {
background-color : transparent;
outline : none;
}
#kwick .opt1 {
background-color:transparent;
outline: none
}

#kwick .opt2 {
background-color:transparent;
outline: none
}

#kwick .opt3 {
background-color:transparent;
outline: none
}

#kwick .opt4 {
background-color:transparent;
outline: none
}

#kwick .opt5 {
background-color:transparent;
outline: none
}

#kwick .opt6 {
background-color:transparent;
outline: none;
}

#kwick .opt7 {
background-color:transparent;
outline: none
}

#kwick .opt8 {
background-color:transparent;
outline: none
}

#kwick .opt9 {
background-color:transparent;
outline: none
}

#kwick .opt10 {
background-color:transparent;
outline: none
}

#kwick .opt11 {
background-color:transparent;
outline: none
border-right: 0px none;
}

Thanks for taking the time to read my question.

I cannot figure out how to refer to the <img> that I have inside my <a> tag in my menu so that when the user hovers over the menu item, the icon will move.

I plan on using margin to make it move, I just can't seem to refer to it correctly so that it does something.

Any thoughts would be appreciated.

Brad

HTML:
Code:

<div id="NavContainer">
    <ul id="mainmenu">
        <li id="mainmenu"><a href="grocery.htm">Grocery <img class="menuicon" src="images/shopping_cart_basket_Small.png" /></a></li>
        <li id="mainmenu"><a href="recipe.htm">Recipe <img class="menuicon" src="images/notes_edit_Small.png" /></a></li>
        <li id="mainmenu"><a href="messages.htm">Messages <img class="menuicon" src="images/Post-It_Small.png" /></a></li>
        <li id="mainmenu"><a href="calendar.htm">Calendar <img class="menuicon" src="images/Calendar_Small.png" /></a></li>
        <li id="mainmenu"><a href="phonebook.htm">Phone Book <img class="menuicon" src="images/cellphone_128_Small.png" /></a></li>
        <li id="mainmenu"><a href="email.htm">E-mail <img class="menuicon" src="images/mail_Small1.png" /></a></li>
        <li id="mainmenu"><a href="budget.htm">Budget <img class="menuicon" src="images/PiggyBank_Small.png" /></a></li>
    </ul>
</div>

CSS:
Code:

.menuicon {
float: left;
margin: 10px 0px 0px 10px;
padding: 0px;
}

img {
border-style: none;
}

#NavContainer ul li {
display: inline;
list-style-type: none;
background-color: #00FF00;
height: 115px;
padding: 0px;
margin: 0px;
display: block;
float: left;
}

#mainmenu a {
padding: 5px 0px 0px 10px;
margin: 0px 0px 0px 10px;
height: 105px;
width: 186px;
background-color: #3333FF;
background-image: url(images/Button1.png);
background-repeat: no-repeat;
background-position: top left;
display: block;
}

#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active {
color: #000000;
text-decoration: none;
}

#mainmenu a:hover {
text-decoration: none;
}

/*This does not seem to work*/
#mainmenu a:hover .menuicon {
margin-top: 10px;
}

Is it possible to change the mouse cursor to a "hand" when hovering over a <input type="submit" /> ?

Thank you

Code:

<style>
<!--
BODY{
	cursor:url("Hand.USA.cur");
	}

a, a:hover {
	cursor:url("Hand.USA.cur");
	}

-->
</style>

I'm using the above code to display an icon that is replacing the default arrow. This only seems to work in Internet Explorer 6+. Would anyone know another way to display an image or icon either through a url (http://www.blah.com/img.jpg) or .cur or .ani that will work in Mozilla, and Netscape ?

Thanks,

Shawn