Forum Moderators: not2easy
Further to my earlier mail I have resolved the issue for the left of my site but I still have a double margin problem on the right.
Firstly I have a content box:
#Content {
PADDING-BOTTOM: 0px; WIDTH: 720px; PADDING-TOP: 0px
}
this contains a a right block container:
#rightBlock {
FLOAT: right; MARGIN: 0px 21px 0px 0px; WIDTH: 382px; POSITION: relative; HEIGHT: auto; DISPLAY: inline
}
this right block container holds a menu:
#tangnav {
WIDTH: 380px;
HEIGHT: 176px;
FONT-WEIGHT: normal;
FONT-SIZE: 6px;
Z-INDEX: 2;
}
#tangnav UL {
BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; DISPLAY: inline
}
#tangnav LI {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 114px; PADDING-TOP: 2px
}
#tangnav A {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 114px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
UNKNOWN {
WIDTH: auto
}
#tangnav A:hover {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF6600; TEXT-DECORATION: none
}
#tangnav A.current {
BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #ffffff; BORDER-TOP-COLOR: #cccccc; BACKGROUND-COLOR: #adadad; BORDER-RIGHT-COLOR: #cccccc
}
The problem I have is when I add the menu div to my html a double margin appears in Firefox. I am using the 'inline' but it doesn't seem to work.
If anyone can help it is much appreciated.
kind regards