first post and i'm a newbie css guy as well, so please be gentle... i have a div height that seems to be rendering differently (to the tune of 1 pixel) in IE and safari (see it at www.teamsnowvalley.com/results.asp).
border-top solid 1px #6C9FFC;
font-family tahoma, arial, verdana, sans-serif;
<a href="info.asp" class="topmenu">Registration/Race Info</a>|<a href="directions.asp" class="topmenu">Directions</a>|<a href="results.asp" class="topmenu">Results</a>|<a href="galleries.asp" class="topmenu">Galleries (coming soon)</a>
this is producing a menuDiv 1 pixel greater in height in safari than in IE. nothing i do can seem to get rid of this.
i realize there are all kinds of things wrong with this puppy, but this is my biggest headache right now. any ideas...?
safari vs. IE
Hi Darth Nunzio,
Honestly I'd ignore it for now.
Trying to get the site pixel perfect in every browser, screen resolution combination will send you crazy.