Sent by Max Lynch on 7 July 2007 02:02
Hey everyone.
I have a horizontal menu displayed about 97px from the top of the browser
window. Above this are two divs, the left one displays an image and is
displayed Inline, the right one displays another image and a small form. My
navigation menu is a <ul> and its position is relative.
What im seeing in IE is my navigation is off by a couple pixels on the top
like there is a margin, but FireFox displays it fine.
I've removed the left <div> above the menu and everything is displayed fine,
however, the <div> doesn't contain any padding or magins or borders and is
just a simple <img> inside an <a>. Where are these extra pixels comming
from?
-here is a link to the site: http://www.markeyforcongress.com/drupal/
-here is the CSS for the nav menu:
#navMain { width: 800px; height: 29px; margin: 0px; margin-left: 10px;
position: relative; top: 0px; left: 0px; border: 1px solid black;}
/*#navMain { background-color: yellow; width: 800px; height: 29px; margin:
0px; margin-left: 10px; position: relative; top: 97; left: 235; border: 1px
solid black;}*/
#nav ul { padding: 0px; margin: 0px; list-style: none; }
#nav a { display: block; color: #404B55; font-weight: bold;
text-decoration: none; padding: 0px 10px; }
#nav li { float: left; padding: 0px; margin: 0px; font: normal 14px/29px
Arial, Helvetica, Sans-Serif; }
#nav li#Donate a { color: #fff; background: #C63B1C; }
#nav li#Donate a:hover { color: #C63B1C; background: #DFEBF6;}
#nav li a:hover { color: #404B55; background: #DFEBF6; }
I've left a border so its easier to see whats happening. I can't figure out
this problem. I simply don't have enought knowledge of CSS yet to understand
whats happening.
Thanks for your help everyone.
--
Maxl
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
