For some reason the background image on my link bar is not showing

hostexs

New Member
I have been working on this for hours and I can't figure it out. At one point for a while I had it displaying the background image properly now it won't work.HTML:\[code\]<head> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15755134/css/normalize.css" media="screen"/> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15755134/css/grid.css" media="screen"/> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15755134/css/stylesheet.css" media="screen"/> <script type="text/javascript" src="http://stackoverflow.com/questions/15755134/js/js.js"></script></head><body> <div class="container"> <img src="http://stackoverflow.com/questions/15755134/images/logo.png" class="logo grid_4 none"> <img src="http://stackoverflow.com/questions/15755134/images/4seasons.jpg" class="head grid_8 omega none"> <ul class="links grid_9"> <a href="http://stackoverflow.com/questions/15755134/#"><li><img src="http://stackoverflow.com/questions/15755134/images/icons/home.png"></li></a> <a href="http://stackoverflow.com/questions/15755134/#"><li><img src="http://stackoverflow.com/questions/15755134/images/icons/menu.png"></li></a> <a href="http://stackoverflow.com/questions/15755134/#"><li><img src="http://stackoverflow.com/questions/15755134/images/icons/about.png"></li></a> <a href="http://stackoverflow.com/questions/15755134/#"><li><img src="http://stackoverflow.com/questions/15755134/images/icons/contact.png"></li></a> </ul> <img src="http://stackoverflow.com/questions/15755134/images/icons/bar.gif" class="bar none"> </div></body>\[/code\]I cannot figure out what is up with this but I appreciate any help!Heres the CSS:\[code\].logo { float:left;}.head { margin-top:2%;}.bar { width:100%; margin-top:-5%;}/*Links*/.links { position:relative; float:left; list-style-type:none;}.links li { float:left; margin-left:0%;}.links li:hover { background: url("images/icons/bg.png");}\[/code\]
 
Back
Top