Annoying little white lines in CSS Menus?

liunx

Guest
Heya people.

I am having some problems with some of my menus. I keep getting little 1px wide white line in my menu. I dont know what pieces of code is needed, as I have no idea what wrong, it should work. I will just lead you to the page.


Webpage (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/Newpage/GSLC(Noosa(Text">http://www.gslc.qld.edu.au/Newpage/GSLC(Noosa(Text</a><!-- m -->))/index.htm)
CSS (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/Newpage/GSLC(Noosa(Text">http://www.gslc.qld.edu.au/Newpage/GSLC(Noosa(Text</a><!-- m -->))/css/home.css)

Also, while I have some people looking at it, if anyone can work out how to get the menu to go to 100% of the page width, and keep those little Maroon bits. For some reason I can not give the Maroon bits a width as a %, I dont know why.

Wofenem and px in the same padding (#nav li li a and #nav li li a:hover)
Use px for small values: padding: 2px 5px;

id must be unique, use class for top, headerleft, headerright and text (used but not defined)

No DTD.

Validate html and css.Those annoying white lines are probably due to the 1px rounding error problem (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/round-error.html">http://www.positioniseverything.net/round-error.html</a><!-- m -->).It is a rounding error, but due to using small em values.Does anyone know how to make the Menu take up 100% of the screen?

If I set each of the menu boxs to 111.111111%(theres 9 boxs, 100/9=11.111111) I get them on 2 lines. If I try to set the padding to 4%, and the boxs to a total of 92% it still places it on 2 lines. I dont understand that, or does padding(4px) + box(18px) not = total size(18+4+4 =26px).

Wofen

pS:
Ok, I know whats doing it now, and I removed all the EMs to try and make the lines go away, I have removed all the EMs(at lest I hope so).

Wofen
 
Back
Top