CSS and IE7 Issues

Question

I have made a horizontal nav bar out of an un-ordered list,
and have use a 1 pixel boader between links instead od the pipe ( |
) character but in IE7 the padding acts different than in Firefox
and Safari. With this code the padding looks equal on both sides of
the vertical line in Firefox, but in IE7 the left hand side of the
links hug the vertical line.
Cheers for any assistance
Theminks
the CSS code i used:

Answer 1

Can you show us the page, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Theminks" <[email protected]> wrote in
message
news:f7q31f$i28$[email protected]..
>I have made a horizontal nav bar out of an un-ordered
list, and have use a
>1
> pixel boader between links instead od the pipe ( | )
character but in IE7
> the
> padding acts different than in Firefox and Safari. With
this code the
> padding
> looks equal on both sides of the vertical line in
Firefox, but in IE7 the
> left
> hand side of the links hug the vertical line.
>
> Cheers for any assistance
>
> Theminks
>
> the CSS code i used:
>
> #main_nav ul {
> height: 1em;
> vertical-align: bottom;
> left: 0px;
> position: relative;
> text-align: left;
> width: 800px;
> padding-top: 0.8em;
> padding-bottom: 0.8em;
> }
> #main_nav li {
> list-style-type: none;
> display: inline;
> border-right-width: 1px;
> border-right-style: solid;
> border-right-color: #FFFFFF;
> padding-right: 0.5em;
> padding-left: 0.3em;
> font-size: 16px;
> color: #FFEE29;
> }
> #main_nav .nav_rightlink {
> border-right-style: none;
> padding-right: 0px;
> }
> #main_nav .nav_firstlink {
> margin-left: 0px;
> }
>