Hjälp med CSS

Om ni tittar på sidan så ser ni att undermenyn (kommer upp när man håller över breadcrumbs-saken) ligger lite tight inpå. Skulle behöva hjälp med att den ligger lite snyggare under. Problemet är att jag lagt den i en div #navigation, som gör att det blir en pixel fel, gör jag inte det så kommer det vara en ram under tabbarna så att det inte flytar ihop längre. Så har varit det ena dåliga eller det andra, har inte lyckats komma på en lösning. Skulle bli jätte glad om någon CSS guru vet. www.heelia.se är sidan på.

/*
Theme Name: WordPress Classic
Theme URI: WordPress › Blog Tool and Publishing Platform
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || mezzoblue Home
Modifications by Matthew Mullenweg || Matt Mullenweg — aka Photo Matt — on WordPress, Web, Jazz, Life, and Photography
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own.
*/
.clearfix:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:1px;
}
.clearfix{
display:inline-block;
}
html[xmlns] .clearfix{
display:block;
}
* html .clearfix{
height:1%;
}

html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
background-color: white;
height: 100%;
text-align: center; /* centrering av innehåll i IE */
font-family: Verdana, sans-serif;
font-size: 62.5%;
color: #636363;
height: 100%;
}

h1 {
font-size: 1.17em;
line-height: 1.5em;
padding: 0px 0px 20px;
font-family: Verdana, sans-serif;
color: #636363;
}

a {
font-family: Verdana, sans-serif;
text-decoration: underline;
font-weight: normal;
color: #006490;
font-style: normal;
line-height: normal;
font-size: 1em;
}

a:link {

}

a:hover {
cursor:pointer;
}

a img {
border: none;
}

/* ---------- reklam ---------- */

.hela {
background: url(http://vistawallpapers.files.wordpress.com/2007/03/vista-wall...
}

#reklam {
background: url(http://vistawallpapers.files.wordpress.com/2007/03/vista-wall...
}

/* ---------- layout ---------- */

#wrapper {
text-align: left; /* kompensering av centrering i IE */
margin: 0 auto; /* centrering av DIV i alla moderna webbläsare */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
width: 950px;
}

#header {
padding: 0px 0px 0px 0px;
}

#content {
padding: 20px; /* ändra här s att widgets når hela vägen ut /text får vara innesluten i ett till element */
background: white;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/pageBkg.png') repeat-x;
font-size:1.2em;
line-height:1.5em;
}

#footer {
padding: 0px;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/pageBkg.png') top left repeat-x;
background:url('http://www.salusansvar.se/ClientUI/Images/CssImg/footerBkg.pn...') top left repeat-x;
font-size:1.1em;
line-height:1.3em;
color:#636363;
margin-top:50px;
height: 180px;
}

/*-------------------utility menu------------------------*/
ul.utilityNav {
vertical-align: baseline;
list-style-type:none;
margin:0;
padding:0;
position:relative;
right:8px;
bottom:-5px;
/*z-index:500;*/
}
ul.utilityNav li {
margin:0;
padding:0;
float:left;
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-repeat:no-repeat;
background-position:center 6px;
}
ul.utilityNav li a {
float:left;
display:block;
text-decoration:none;
color:#021ba9;
line-height:29px;
height:29px;
margin:6px 0 0 0;
padding: 0 20px;
border-left:1px #d9d9d9 solid;
}
ul.utilityNav li.page-item-966 { /* ul.utilityNav li.first */
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-position:left 6px;
border-left:0px #d9d9d9 solid;
}
ul.utilityNav li.page-item-968 { /* ul.utilityNav li.first */
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-position:left 6px;
border-left:0px #d9d9d9 solid;
}
ul.utilityNav li.page-item-966 a { /* ul.utilityNav li.first a */
border:0;
}
ul.utilityNav li.page-item-968 a { /* ul.utilityNav li.first a */
border:0;
}
ul.utilityNav li.page-item-970 { /* ul.utilityNav li.last */
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-position:right 6px;
}
ul.utilityNav li.current_page_item, ul.utilityNav li.current_page_ancestor { /* ul.utilityNav li.selected */
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-repeat:no-repeat;
background-position:left top;
}
ul.utilityNav li.current_page_item a, ul.utilityNav li.current_page_ancestor a{ /* ul.utilityNav li.selected a */
margin:0 -1px 0 5px;
padding: 0 20px 0 15px;
line-height:37px;
height:37px;
background-image:url('http://www.salusansvar.se/ClientUI/Images/CssImg/utilityNavTa...');
background-repeat:no-repeat;
background-position:right top;
border:0;
}

/*-------------------navigation------------------------*/

#navigation {
background-color: #f7f7f7;
border-width: 1px;
border-style: solid;
border-color: #D3D3D3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

/*-------------------meny------------------------*/
#menuh-container
{
position: relative;
width:inherit;
}

#menuh
{
font-family: arial, helvetica, sans-serif;
width:100%;
background-color: #f7f7f7;
width:inherit:
z-index:400;
}

#menuh a
{
float: left;
text-align: center;
background-color: #f7f7f7;
display: block;
white-space: nowrap;
margin:0;
padding: 7px 16px 7px 8px;
background: url(http://storeimages.apple.com/1694/store.apple.com/rs/css/i/ao...) no-repeat 100% 50%;
}

#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */
{
text-decoration:none;
}

#menuh a:hover /* menu on mouse-over */
{
text-decoration:none;
}

#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
{
background-image: url(navdown_white.gif);
background-position: right center;
background-repeat: no-repeat;
}

#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */
{
background-image: url(nav_white.gif);
background-position: right center;
background-repeat: no-repeat;
}

#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em; /* width of all menu boxes */
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
However, you will have to add padding in the "#menh a" rule so that the menu boxes
will have space on either side of the text -- try it */
}

#menuh li
{
position:relative;
min-height: 1px; /* Sophie Dennis contribution for IE7 */
vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#menuh ul ul
{
position:absolute;
z-index:500;
top:26px;
display:none;
background-color: #f7f7f7;
border-width: 1px;
border-style: solid;
border-color: #D3D3D3;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}

#menuh ul ul a
{
background: url(nav_white.gif) no-repeat 100% 50%;
}

#menuh ul ul ul
{
top:0;
left:100%;
}

div#menuh li:hover
{
cursor:pointer;
z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/*-------------------footer------------------------*/

#footer a {
color:#636363;
text-decoration:none;
}
#footer h6 {
color:#636363;
font-size: 1em;
text-transform:uppercase;
margin:0 0 8px 0;
}
#footer .column {
float:left;
margin:25px 0px 0px 25px;
width:214px;
display:inline;
}
#footer ul {
list-style-type:none;
margin:0;
padding:0;
}
#footer li {
margin:0 20px 0px 0;
padding:0;
line-height: 20px;
}

Det fungerade perfekt. Så går det när man är självlärd och copypastar lite tusen tack!

Aj nej. Nu uppkom det där extremt störiga felet som gjorde att jag inte ändrade i margin. Border på #navigation gör att det är 1 pixel där hover inte verkar, så drar jag inte snabbt ner till menyn så försvinner den eftersom där är en pixels mellanrum där det inte är specat

Ser att det faktiskt är 1px mellan ramen och a om man zoomar in lite också, skulle det gå att rätta till så skiter jag lite i det andra. då kan ramarna ligga på varandra, ser ändå okej ut även om jag inte skulle ha helt kontroll på den.